Wpis z mikrobloga

Takie cuś sprawi, że w trybie nocnym obrazki będą domyślnie czarnobiałe i zmieniały się na kolorowe dopiero po najechaniu. @maciejkiner pretty please, bo szkoda do tego userscripta robić ;-)

#tylkonocny #tylkoautomatyczny #propozycjazmian

.nightmode img {

filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */

-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 */

}

.nightmode img:hover {

filter: url("data:image/svg+xml;utf8,#grayscale");

-webkit-filter: grayscale(0%);

}

Źródło: http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach