Template:Team:Berlin/AllCss
From 2014.igem.org
(Difference between revisions)
Line 7,407: | Line 7,407: | ||
} | } | ||
+ | |||
+ | img.grayscale { | ||
+ | /* filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'> | ||
+ | <filter id=\'grayscale\'><feColorMatrix type=\'matrix\' | ||
+ | values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 | ||
+ | 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\' | ||
+ | /></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */ | ||
+ | filter: gray; /* IE6-9 */ | ||
+ | -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ | ||
+ | -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ | ||
+ | -webkit-backface-visibility: hidden; /* Fix for transition flickering */ | ||
+ | } | ||
+ | |||
+ | img.grayscale:hover { | ||
+ | filter: none; | ||
+ | -webkit-filter: grayscale(0%); | ||
+ | } | ||
/* SUBSIDE POJECT | /* SUBSIDE POJECT |
Revision as of 10:45, 13 October 2014