der_Renner
Grünschnabel
Hallo,
mir ist soeben aufgefallen, dass die Filter-codes bei mir nicht ganz funktionieren.
Das .wrapper img ist ein buntes Bild, das ich mit dem grayscale grau machen möchte und bei :hover wird's wieder bunt
Folgender CSS-Code:
im Chrome funktioniert alles einwandfrei - also das Fade-in und Fade-out von Grau auf Bunt
Im Opera und Mozilla ist das Bild immer Bunt und das Fade-in und Fade-out funktioniert nur mit dem border.
Hab ich irgendwo einen Denkfehler?
mir ist soeben aufgefallen, dass die Filter-codes bei mir nicht ganz funktionieren.
Das .wrapper img ist ein buntes Bild, das ich mit dem grayscale grau machen möchte und bei :hover wird's wieder bunt
Folgender CSS-Code:
Code:
.wrapper img { height:85px; width:85px; border:1px solid #c0c0c0;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
.wrapper img:hover { border:1px solid #4e4e42;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%); }
im Chrome funktioniert alles einwandfrei - also das Fade-in und Fade-out von Grau auf Bunt
Im Opera und Mozilla ist das Bild immer Bunt und das Fade-in und Fade-out funktioniert nur mit dem border.
Hab ich irgendwo einen Denkfehler?