Alizoda
@Alizoda
WEB DESIGNER

Как правильно сделать такое анимацию?

Здравствуйте .
5c1ccbcba8644530818544.gif
Как правильно сделать такое анимацию чтобы загрузка второго картинки было не заметно.

.sm1{
	width: 210px;
    height: 200px;
    background: url("/uploads/staff/m1.jpg") no-repeat;
    transition:all 0.3s;
}

.sm1:hover{
	width: 210px;
    height: 200px;
    background: url("/uploads/staff/m2.jpg") no-repeat;
    transition:all 0.3s;
}
  • Вопрос задан
  • 208 просмотров
Пригласить эксперта
Ответы на вопрос 3
@nvdfxx
Senior Pomidor developer
одну картинку поверх другой наложить, при наведении менять прозрачность
Ответ написан
@pavlovaleksi
<a href="#"><img title="к примеру имя того человека" onmouseover="this.src='/картинка после ';" onmouseout="this.src='картинка до ';" src="картинка до" height="30" width="30"></a>
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы