Bonjour,
Avec IE9 cela fonctionnait mais plus avec IE10 y a -t- il une autre solution?
.img{
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
opacity: 1;
}
.img:hover{
position:relative;
width: 200%;
height: 200%;
margin-left: -5px;
margin-top: -10px;
padding: 0;
opacity:1;
background:#FFF;
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
transform: rotate(-9deg);
-moz-border-radius:5x;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 2px 2px #393939, 2px 2px 2px #393939, -2px -2px 2px #393939 ;
behavior: url(pie/PIE.htc);
z-index:100!important;
-moz-transform: rotate(-5deg) scale(1.10);
-webkit-transform: rotate(-5deg) scale(1.10);
-o-transform: rotate(-5deg) scale(1.10);
-ms-transform: rotate(-5deg) scale(1.10);
transform: rotate(-5deg) scale(1.10);
opacity: 1;
}
Avec IE9 cela fonctionnait mais plus avec IE10 y a -t- il une autre solution?
.img{
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
opacity: 1;
}
.img:hover{
position:relative;
width: 200%;
height: 200%;
margin-left: -5px;
margin-top: -10px;
padding: 0;
opacity:1;
background:#FFF;
-webkit-transform: rotate(-9deg);
-moz-transform: rotate(-9deg);
transform: rotate(-9deg);
-moz-border-radius:5x;
border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 2px 2px #393939, 2px 2px 2px #393939, -2px -2px 2px #393939 ;
behavior: url(pie/PIE.htc);
z-index:100!important;
-moz-transform: rotate(-5deg) scale(1.10);
-webkit-transform: rotate(-5deg) scale(1.10);
-o-transform: rotate(-5deg) scale(1.10);
-ms-transform: rotate(-5deg) scale(1.10);
transform: rotate(-5deg) scale(1.10);
opacity: 1;
}