С помощью анимаций Вы оживляете объекты, добавляете выразительности содержимому.

Доступно 17 готовых анимаций для объектов и 2 вида переходов для всего слайда. Подробнее о переходах Вы можете прочитать здесь.

При необходимости возможно добавлять свои анимации (animation CSS) или переназначить\отредактировать любую из готовых.

Нет анимации или удаление существующей анимации - none
1. Вылет слева - departure left
2. Вылет справа - departure right
3. Вылет сверху - departure top
4. Вылет снизу - departure bottom
5. Растворение - dissolve
6. Жалюзи горизонтально - jalousie horizontal
7. Жалюзи вертикально - jalousie vertical
8. Увеличение горизонтально - zoom horizontal
9. Увеличение вертикально - zoom vertical
10. Увеличение по двум осям - zoom XY
11. Конденсация - condensation
12. Подпрыгивание - bouncing
13. Пульсация - ripple
14. Дрожь - shaking
15. Растягивание - stretching
16. Поворот в 3D - rotating 3D
17. Перекос - skew

  • Изображение
    Выделяем объект, задаем ему анимацию. 
  • Изображение
    Задержка показа в секундах (соответствует animation-delay): если поставить 0, анимация сразу отобразит объект, если поставить любое число, то сначала пройдет указанное время, объект будет скрыт, после этого воспроизведется анимация и покажет объект. 

    В длительности (соответствует animation-duration) задается количество секунд, сколько будет идти анимация.
    Повтор - сколько раз будет проигрываться анимация (даже бесконечно можно).

    Исчезновение - позволяет проиграть анимацию наоборот и объект исчезнет.
  • Изображение
    Нажимаем Создать/изменить анимацию, поздравляем, анимация создана, мы оживили объект! 
    Рядом с ним появилась иконка анимации - звездочка.
  • Изображение
    Также мы можем добавить несколько анимаций на один объект! 
    Чтобы вторая анимация шла после первой, ставим задержку равную длительности первой анимации.
  • Изображение
    Нажимаем Создать/изменить анимацию, после этого ОК, поздравляем, мы создали очередь из 2 анимаций на одном объекте!