2

Как сделать цикличную анимацию при помощи css без свойства animation. К примеру, делаю hover по элементу, и его фон становится красным (при помощи transition это все делаю плавным), а потом возвращается прежний фон (допустим желтый). И так циклично. Красный-желтый-красный-желтый. Без использования animation. То бишь только transition. Возможно ли каким-нибудь изощренным способом это реализовать только на css? Или нужно что-то еще? Если JS - то расскажите, пожалуйста, подробно - как. Я в нем не силен. Спасибо за ответы.

5
  • w3schools.com/cssref/css3_pr_animation.asp - есть свойство infinity
    – MrFranke
    21 апр 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 ответ 1

1

Можно через jQuery mouseenter/mouseleave отлавливать и включать таймер анимации, но дабы не перегружать процессор без дела я бы при наведении мыши менял бы фон на анимированную картинку, а при покидании объекта - возвращал бы назад background:transparent;

Ваш ответ

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

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