Skip to content

Instantly share code, notes, and snippets.

@WebFikirleri

WebFikirleri/transition-grayscale.css

Created August 18, 2013 10:09
Show Gist options
  • Save WebFikirleri/6260893 to your computer and use it in GitHub Desktop.
Save WebFikirleri/6260893 to your computer and use it in GitHub Desktop.
Download ZIP
css: transition grayscale
Raw
transition-grayscale.css
.trns-grays{
-webkit-filter: grayscale(90%);
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
-ms-transition: 0.4s all ease;
transition: 0.4s all ease;
}
.trns-grays:hover{
-webkit-filter: grayscale(0%);
-webkit-transition: 0.4s all ease;
-moz-transition: 0.4s all ease;
-o-transition: 0.4s all ease;
-ms-transition: 0.4s all ease;
transition: 0.4s all ease;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment