CSS3 Image Filters

Blur

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-blur {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
    

Brightness

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-brightness {
    -webkit-filter: brightness(3);
    filter: brightness(3);
}
    

Contrast

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-contrast {
    -webkit-filter: contrast(4);
    filter: contrast(4);
}
    

Drop-shadow

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-dropshadow {
  -webkit-filter: drop-shadow(16px 16px 10px rgba(0,0,0,0.9));
  filter: drop-shadow(16px 16px 10px rgba(0,0,0,0.9));
}
    

Grayscale

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-grayscale {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
    

Hue-rotate

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-huerotate {
    -webkit-filter: hue-rotate(90deg);
    filter: hue-rotate(90deg);
}
    

Invert

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-invert {
    -webkit-filter: invert(.7);
    filter: invert(.7);
}
    

Opacity

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-opacity {
    -webkit-filter: opacity(.5);
    filter: opacity(.5);
}
    

Saturate

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-saturate {
  -webkit-filter: saturate(8);
  filter: saturate(8);
}
    

Sepia

What kitties pray for | Copyright 2013 alejandro-vrl
    
.kitty-sepia {
    -webkit-filter: sepia(1);
    filter: sepia(1);
}