Проблема с hover

  • 5 Просмотры
  • Последний пост 09 августа 2018
  • Найдено решение по теме
Сергей Версальский разместил пост 09 августа 2018

Проект на ASP.NET , вставил картинку, с помощью псевдокласса hover сделал так что б картинка медленно увеличивалась в зависимости при наведении. Увеличивается она без проблем, медленно, всё как надо, а вот возвращается на место как курсор отвожу - очень быстро, мгновенно даже. 

Как сделать так, что б уменьшалась она так же быстро, как и увеличивалась?

вот код:

.content-photo:hover {
        z-index: 10;

        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -o-transform: scale(1.5);

        -webkit-transition-timing-function: linear;
        -moz-transition-timing-function: linear;
        -o-transition-timing-function: linear;

        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;
    }

Отсортировать по: Стандартный | Последний | Голоса
Arsenij Bykov разместил пост 09 августа 2018

Вынеси 

        -webkit-transition-duration: 0.4s;
        -moz-transition-duration: 0.4s;
        -o-transition-duration: 0.4s;

в отдельный класс .content-photo { ... } и посмотри что будет

  • Пост понравился
  • Сергей Версальский
Сергей Версальский разместил пост 09 августа 2018

заработало))) спасиб)

Close