JSFiddle - React, Tailwind, and code Playground

by daker

HTML

<!-- https://secure.flickr.com/photos/bslavin/2308123995/in/pool-portraits-in-cc -->
<img alt="photo" src="https://farm4.staticflickr.com/3014/2308123995_a179e21601_z.jpg" width="250" width="250">
<img alt="photo" src="https://farm4.staticflickr.com/3014/2308123995_a179e21601_z.jpg" width="250" width="250" class="effect">

CSS

img.effect {
    -webkit-filter: blur(1px) saturate(5) sepia(0.7) contrast(1.5) brightness(.9);
    -moz-filter: blur(1px) saturate(5) sepia(0.7) contrast(1.5) brightness(.9);
    -ms-filter: blur(1px) saturate(5) sepia(0.7) contrast(1.5) brightness(.9);
    -o-filter: blur(1px) saturate(5) sepia(0.7) contrast(1.5) brightness(.9);
    filter: blur(1px) saturate(5) sepia(0.7) contrast(1.5) brightness(.9);
}