Skip to content

Instantly share code, notes, and snippets.

@miguelmota

miguelmota/filters.css

Last active Dec 15, 2015
Embed
What would you like to do?
/* CSS3 Filters */
img {
-webkit-filter: blur(2.5px); /* values: 0px - 25px */
-webkit-filter: brightness(5%); /* values: -100% - 100% */
-webkit-filter: contrast(1.5); /* values: 0 - 5 */
-webkit-filter: drop-shadow(3px 3px 10px rgba(0,0,0,.5)) ; /* values: x-offset y-offset blur-radius color */
-webkit-filter: grayscale(.5); /* values: 0 - 1 */
-webkit-filter: hue-rotate(5deg); /* values: 0deg - 360deg */
-webkit-filter: invert(1); /* values: 0 - 1 */
-webkit-filter: opacity(.8); /* values: 0 - 1 */
-webkit-filter: saturate(1.5); /* values: 0 - 5 */
-webkit-filter: sepia(.5); /* values: 0 - 1 */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment