0

Подскажите, как добавить плавности при смене изображения? При наведении курсора картинка меняется очень резко, а нужно, чтобы она плавно растворялась

.image {
  background-image: url(path/to/image);
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}

.image:hover {
  background-image: url(path/to/image);
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
}
<div class="image"></div>

1 ответ 1

0

Добавь транзишн.

.image {
  transition: 1s;
..... 
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.