CSS Filters

/*Filter styles*/ .saturate {-webkit-filter: saturate(3);} .grayscale {-webkit-filter: grayscale(100%);} .contrast {-webkit-filter: contrast(160%);} .brightness {-webkit-filter: brightness(0.25);} .blur {-webkit-filter: blur(3px);} .invert {-webkit-filter: invert(100%);} .sepia {-webkit-filter: sepia(100%);} .huerotate {-webkit-filter: hue-rotate(180deg);} .opacity {-webkit-filter: opacity(50%);}

3 Responses

great collection
Thanks for sharing!
Amazing job, straight to my CSS Magic collection!

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.