Как сделать цикличную анимацию при помощи css без свойства animation. К примеру, делаю hover по элементу, и его фон становится красным (при помощи transition это все делаю плавным), а потом возвращается прежний фон (допустим желтый). И так циклично. Красный-желтый-красный-желтый. Без использования animation. То бишь только transition. Возможно ли каким-нибудь изощренным способом это реализовать только на css? Или нужно что-то еще? Если JS - то расскажите, пожалуйста, подробно - как. Я в нем не силен. Спасибо за ответы.
-
w3schools.com/cssref/css3_pr_animation.asp - есть свойство infinity– MrFranke21 апр 2014 в 9:01
-
БЕЗ animation– zb'21 апр 2014 в 11:15
-
1мне кажется только js, если без animation, при наведении начинаем переключать через setTimeout класс элемента, (jquery toggleClass например), при выходе из элемента, перестаем переключать, выставляем в default.– zb'21 апр 2014 в 11:18
-
Эм.. Не то же...– Qwertiy ♦27 ноя 2015 в 7:40
-
А чем animation не угодил?– Qwertiy ♦27 ноя 2015 в 7:40
Добавить комментарий
|
1 ответ
Можно через jQuery mouseenter/mouseleave
отлавливать и включать таймер анимации, но дабы не перегружать процессор без дела я бы при наведении мыши менял бы фон на анимированную картинку, а при покидании объекта - возвращал бы назад background:transparent;