Задать вопрос

Как настроить transition?

transition
Можно ли сделать так что бы эффект плавности срабатывал только в том случае, когда мы отводим мышку от элемента?

В данный момент плавность работает при наведении мыши и при её отводе.
.content .item a:hover .item-inner  h4  {
	opacity:1;
	filter:alpha(opacity=100);
	}


.content .item .item-inner h4 {
	opacity:0.0;
	filter:alpha(opacity=0);
	transition: 0.5s   linear;  
}
  • Вопрос задан
  • 128 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
.content .item a:hover .item-inner  h4  {
  opacity:1;
  filter:alpha(opacity=100);
  transition: 0s; /*или none*/
  }


.content .item .item-inner h4 {
  opacity:0.0;
  filter:alpha(opacity=0);
  transition: 0.5s   linear;  
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы