Я играл с эффектом наведения подкачки изображения с переходами CSS3. К сожалению, это работает только в Chrome. Я видел много примеров перехода CSS3, который безупречно работает в Chrome, Firefox и Safari, но не в этот раз... :( В чем проблема?
.logo {
float: left;
z-index: 1;
width: 325px;
height: 73px;
background: url(../img/logo.png) no-repeat;
position: absolute;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.logo:hover {
z-index: 2;
opacity: 1;
background: url(../img/logo1.png) no-repeat;
}
Ваше здоровье!