JSFiddle - React, Tailwind, and code Playground

by jeremyblalock

HTML

<!--<img id='img' src='http://www.clker.com/cliparts/h/Y/x/W/4/M/gallo-clip-art.svg' width='200' alt=''>-->
<img id='img' src='http://upload.wikimedia.org/wikipedia/commons/c/ce/Sunflower_clip_art.svg' width='200' alt=''>

CSS

body {
    background: #fff;
}
#img2 {
    -webkit-filter: contrast(0) sepia(1) saturate(100) brightness(100%) brightness(100%) invert(100%) hue-rotate(180deg) saturate(100%) hue-rotate(0deg) grayscale(0%);
    -webkit-transform: translateZ(0);
}
#img3 {
    -webkit-filter: contrast(0) brightness(60%) sepia(1) saturate(1000) hue-rotate(60deg) invert() brightness(1) invert();
    -webkit-transform: translateZ(0);
}
#img {
    -webkit-filter: contrast(0) brightness(60%) sepia(1) saturate(1000);
    -webkit-transform: translateZ(0);
}