Как создавать анимации с помощью трансформационных тегов?

Возможно, имелись в виду трансформационные теги в контексте SVG или CSS. webdesign.tutsplus.com dzen.ru

Для SVG-анимации используют тег animateTransform. webdesign.tutsplus.com Чтобы создать анимацию, нужно выполнить три шага: webdesign.tutsplus.com

1. Установить изначальное состояние трансформации (from-состояние). webdesign.tutsplus.com Например, если нужно плавно передвигать прямоугольник, то для from-состояния устанавливают позицию по умолчанию, а для to-состояния — желаемую позицию. webdesign.tutsplus.com
2. Установить конечное состояние трансформации (to-состояние). webdesign.tutsplus.com
3. Установить время повторения для переходов анимации от from- и to-состояний. webdesign.tutsplus.com

Для CSS-анимации используют свойство transform. dzen.ru Чтобы применить его к элементу, нужно: dzen.ru

1. Определить элемент. dzen.ru Например, это может быть HTML-элемент, к которому нужно применить трансформацию. dzen.ru
2. Определить начальные стили. dzen.ru Например, установить размеры и фоновый цвет элемента. dzen.ru
3. Определить трансформации. dzen.ru Можно выбрать, например, перемещение (translate), поворот (rotate), изменение масштаба (scale) или искажение (skew). dzen.ru
4. Проверить трансформации. dzen.ru В зависимости от выбранных трансформаций будет видно перемещение, поворот, изменение масштаба или искажение элемента. dzen.ru

Свойство transform можно комбинировать с другими свойствами CSS, такими как transition, чтобы создать плавные анимации и переходы между состояниями элемента. dzen.ru