Folgender Code für ein CSS Image Zoom funktioniert nicht im IE. Weiss jemand eine Möglichkeit die Zoom-Funktion zum Laufen zu bringen?
In Firefox, Opera, Safari klappt es tadellos, wie immer ist IE das Problem....
In Firefox, Opera, Safari klappt es tadellos, wie immer ist IE das Problem....
Code:
<style type="text/css">
.hovergallerie img{
-webkit-transform:scale(0.8); /*Webkit: Vergrößern um 0.8x der original größe*/
-moz-transform:scale(0.8); /*für Mozilla Vergrößern*/
-o-transform:scale(0.8); /*für Opera Vergrößern*/
-webkit-transition-duration: 0.0s; /*Webkit: Animation */
-moz-transition-duration: 0.0s; /*Mozilla Animation*/
-o-transition-duration: 0.0s; /*Opera Animation*/
opacity: 0.9; /*Transparents für Bilder*/
margin: 0 10px 5px 0; /*Abstand zwischen den Bildern*/
}
.hovergallerie img:hover{
-webkit-transform:scale(1.1); /*Webkit: Vergrößern um 1.1x der original größe*/
-moz-transform:scale(1.1); /* für Mozilla vergrößern*/
-o-transform:scale(1.1); /*für Opera vergrößern*/
box-shadow:0px 0px 30px gray; /*CSS3 Schatten*/
-webkit-box-shadow:0px 0px 30px gray; /*Safari Schatten*/
-moz-box-shadow:0px 0px 30px gray; /*Mozilla Schatten*/
opacity: 1;
}
</style>