Animation
[frame]Настройки анимации ключевых кадров
Определяет анимацию по ключевым кадрам. Созданную анимацию можно использовать с помощью тега [kanim].
Параметры
| Параметр | Обяз. | По умолч. | Описание |
|---|---|---|---|
p | Да | — | Устанавливает процент. Например, для анимации длительностью 5 секунд нужно задать каждый слайд на 20% (?). Устанавливается от 0 до 100%. Если опустить установку на 0%, можно продолжить с предыдущей анимации и начать новую. |
x | Да | — | Устанавливает количество пикселей, на которое анимация должна переместиться по оси X. Или, если начать со звездочки (*), можно задать абсолютную позицию. (Например) x |
y | Да | — | Устанавливает количество пикселей, на которое анимация должна переместиться по оси Y. Или, если начать со звездочки (*) |
at an absolute | Да | — | "100" (переместится на 100px вперед) y |
z | Да | — | Устанавливает количество пикселей, на которое анимация должна переместиться по оси Z. Или, если начать со звездочки (*), можно задать абсолютную позицию. (Например) z |
rotate | Да | — | Можно вращать объект. Например, используя запись вида rotate |
rotateX | Да | — | Можно вращать объект по оси X. Например, |
like rotate | Да | — | "360deg" повернет изображение на 360 градусов. |
rotateY | Да | — | Можно вращать объект по оси Y. Например, |
like rotate | Да | — | "360deg" повернет изображение на 360 градусов. |
rotateZ | Да | — | Можно вращать объект по оси Z. Например, |
like rotate | Да | — | "360deg" повернет изображение на 360 градусов. |
scale | Да | — | Можно увеличивать или уменьшать объект. (Пример) scale |
scaleX | Да | — | Увеличивает или уменьшает объект по горизонтали. |
scaleY | Да | — | Увеличивает или уменьшает объект по вертикали. |
scaleZ | Да | — | Увеличивает или уменьшает объект в третьем измерении. |
skew | Да | — | skew |
skewX | Да | — | Xskew |
skewY | Да | — | Yskew |
perspective | Да | — | Можно изменять перспективу. Только для отдельных браузеров. |
opacity | Да | — | Установка значения от 0 до 1 позволяет задать прозрачность любого элемента. Таким образом можно сделать элемент невидимым. При 0 элемент полностью прозрачен. |
Others | Да | — | Можно также использовать CSS для установки других свойств. |