Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.01.2018, 01:18
Интересующийся
Отправить личное сообщение для mishapod Посмотреть профиль Найти все сообщения от mishapod
 
Регистрация: 01.02.2017
Сообщений: 20

Почему при уводе курсора анимация меняется моментально?
В чем проблема?

https://jsfiddle.net/31v3u98L/
Ответить с цитированием
  #2 (permalink)  
Старый 18.01.2018, 01:38
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,480

Представляйте себе :hover как просто класс .hover, который ставится при наведении и убирается при уводе курсора соответственно.
Т.о. когда мышка убрана с элемена - убран и класс, а значит отсутствует и свойство transition как таковое. Никакой магии.
Надо делать так: https://jsfiddle.net/31v3u98L/1/
__________________
29375, 35
Ответить с цитированием
  #3 (permalink)  
Старый 18.01.2018, 01:39
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

mishapod,
у вас только наведение на блок анимировано, перенесите transition в строку 2
Ответить с цитированием
  #4 (permalink)  
Старый 18.01.2018, 01:44
Интересующийся
Отправить личное сообщение для mishapod Посмотреть профиль Найти все сообщения от mishapod
 
Регистрация: 01.02.2017
Сообщений: 20

Спасибо. Такой пустяк и такое простое решения.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Анимация при скроллинге jeka11 Элементы интерфейса 1 23.07.2014 11:47
изменения рисунка при наведении курсора Kenan Bek Events/DOM/Window 24 19.12.2010 20:48
Помогите создать скрипт замены картинок при наведении курсора. SantaS Я не знаю javascript 3 05.06.2009 12:59
Появление текста при наведении курсора на ссылку Александра Элементы интерфейса 1 11.05.2009 00:22
Как изменить текст при наведении курсора? sewernik Элементы интерфейса 2 13.04.2009 19:31