Онлайн-инструмент CSS3 Transition Generator

s
s
CSS3.0 Transition

Генератор CSS Transiton для ленивых.

Генератор CSS - Переход

Свойство CSS Transitions позволяет пользователю плавно менять стиль элемента HTML на другой стиль. Переходы выполняются, когда свойство CSS изменяется с помощью JavaScript или пользовательского события.

 

переход: <ИМЯ-СТИЛЬ> <ОБЩЕЕ ВРЕМЯ> <ФУНКЦИЯ ВРЕМЕНИ> <ЗАПУСК-ЗАДЕРЖКА>;

Переход определяют четыре параметра -

1) какое свойство css запущено

2) как долго будет работать

3) какова временная функция (скорость перехода)

4) когда начинать переход

 

<STYLE-NAME> is transition-property указывает свойство CSS, к которому будет применен переход. Вы можете установить отдельное свойство или все свойство. Функция синхронизации определяет скорость анимации (медленная или быстрая). Cubic Bazier определяет настраиваемую скорость анимации. Переход не может выполняться в цикле. Свойство анимации CSS является альтернативным вариантом обработки цикла.