Генератор CSS Transiton для ленивых.
Генератор CSS - Переход
Свойство CSS Transitions позволяет пользователю плавно менять стиль элемента HTML на другой стиль. Переходы выполняются, когда свойство CSS изменяется с помощью JavaScript или пользовательского события.
переход: <ИМЯ-СТИЛЬ> <ОБЩЕЕ ВРЕМЯ> <ФУНКЦИЯ ВРЕМЕНИ> <ЗАПУСК-ЗАДЕРЖКА>;
Переход определяют четыре параметра -
1) какое свойство css запущено
2) как долго будет работать
3) какова временная функция (скорость перехода)
4) когда начинать переход
<STYLE-NAME> is transition-property указывает свойство CSS, к которому будет применен переход. Вы можете установить отдельное свойство или все свойство. Функция синхронизации определяет скорость анимации (медленная или быстрая). Cubic Bazier определяет настраиваемую скорость анимации. Переход не может выполняться в цикле. Свойство анимации CSS является альтернативным вариантом обработки цикла.