Skip to content

Instantly share code, notes, and snippets.

@miguelmota
Last active December 15, 2015 22:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save miguelmota/5333165 to your computer and use it in GitHub Desktop.
Save miguelmota/5333165 to your computer and use it in GitHub Desktop.
/* 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