css анимация | Примеры анимации модуля "Анимированная графика"

1. Комбинировано несколько последовательных анимаций

css анимация модуль bitrix скачать bxab.ru

css анимация модуль bitrix скачать bxab.ru мультпликация

css анимация модуль bitrix скачать bxab.ru мультфильм на css

2. Пример "До Нового Года осталось". Также несколько анимаций: на минутную и часовую стрелку

css анимация модуль bxab.ru часовая стрелка

css анимация модуль bxab.ru минутная стрелка

ОСТАЛОСЬ

26 ДНЕЙ

3. Просто весь перечень одиночных эффектов:

Вращение против часовой стрелки

Вращение по часовой стрелке

Прозрачность 0%-100%(появление, однократно)
Повторить

Прозрачность 100%-0%(исчезновение, однократно)
Повторить

Вращение по X

Вращение по Y

Прозрачность 0%-100%-0%, несколько раз

Прозрачность 100%-0%-100%, несколько раз

Перспектива, вращение по X низ К себе

Перспектива, вращение по X низ ОТ себе

Перспектива, вращение по Y левая грань К себе

Перспектива, вращение по Y левая грань ОТ себя

Увеличение 0%-100%-0%

Уменьшение 100%-0%-100%

Расходящиеся волны(брошенный в воду камень)

Дрожащая трубка(звонит телефон)

Сдвиг фона влево

Сдвиг фона вправо

Перелистывание

Резиновый мячик

Подпрыгивание на месте

Мячик прыгает на полу

Мелькание

Пульс

Тряска

Маятник

Эмоция: вот он я

Колебания по X

Перелистывание по X и прозрачность 0%-100%
Повторить

Перелистывание по Y и прозрачность 0%-100%
Повторить

Стремительный влёт
Повторить

Вскальзывание(slide) сверху-вниз
Повторить

Вскальзывание(slide) слева-направо
Повторить

Вскальзывание(slide) справа-налево
Повторить

Вскальзывание(slide) снизу-вверх
Повторить

Вскальзывание(slide) сверху + прозрачность 0%-100%
Повторить

Вскальзывание(slide) сверху издалека + прозрачность 0%-100%
Повторить

Вскальзывание(slide) слева + прозрачность 0%-100%
Повторить

Вскальзывание(slide) слева издалека + прозрачность 0%-100%
Повторить

Вскальзывание(slide) справа + прозрачность 0%-100%
Повторить

Вскальзывание(slide) справа издалека + прозрачность 0%-100%
Повторить

Вскальзывание(slide) снизу-вверх + прозрачность 0%-100%
Повторить

Вскальзывание(slide) снизу-вверх издалека + прозрачность 0%-100%
Повторить

Увеличение + прозрачность 0%-100%
Повторить

Увеличение-влёт + прозрачность 0%-100% сверху
Повторить

Увеличение-влёт + прозрачность 0%-100% слева
Повторить

Увеличение-влёт + прозрачность 0%-100% справа
Повторить

Увеличение-влёт + прозрачность 0%-100% снизу-вверх
Повторить

Подпрыгивание вперед-назад
Повторить

Впрыгивание сверху
Повторить

Впрыгивание слева
Повторить

Впрыгивание справа
Повторить

Впрыгивание снизу-вверх
Повторить

Поворот по часовой + прозрачность 0%-100%
Повторить

Выпал слева сверху-вниз + прозрачность 0%-100%
Повторить

Выпал справа сверху-вниз + прозрачность 0%-100%
Повторить

Выпал слева снизу-вверх + прозрачность 0%-100%
Повторить

Выпал справа снизу-вверх + прозрачность 0%-100%
Повторить

Воронка появление вперед снизу
Повторить

Воронка появление вперед по центру
Повторить

Воронка появление вперед слева
Повторить

Воронка появление вперед справа
Повторить

Воронка появление вперед сверху
Повторить

Воронка появление назад снизу
Повторить

Воронка появление назад по центру
Повторить

Воронка появление назад слева
Повторить

Воронка появление назад справа
Повторить

Воронка появление назад сверху
Повторить

Перелистывание по X и прозрачность 100%-0%
Повторить

Перелистывание по Y и прозрачность 100%-0%
Повторить

Стремительный улёт вправо
Повторить

Ускользание(slide) вниз
Повторить

Ускользание(slide) налево
Повторить

Ускользание(slide) направо
Повторить

Ускользание(slide) наверх
Повторить

Ускользание(slide) вниз + прозрачность 100%-0%
Повторить

Ускользание(slide) вниз далеко + прозрачность 100%-0%
Повторить

Ускользание(slide) налево + прозрачность 100%-0%
Повторить

Ускользание(slide) налево далеко + прозрачность 100%-0%
Повторить

Ускользание(slide) направо + прозрачность 100%-0%
Повторить

Ускользание(slide) направо далеко + прозрачность 100%-0%
Повторить

Ускользание(slide) наверх + прозрачность 100%-0%
Повторить

Ускользание(slide) наверх далеко + прозрачность 100%-0%
Повторить

Уменьшение + прозрачность 100%-0% улетает влево
Повторить

Уменьшение + прозрачность 100%-0% улетает направо
Повторить

Уменьшение + прозрачность 100%-0% улетает наверх
Повторить

Упрыгивание вдаль
Повторить

Упрыгивание вниз
Повторить

Упрыгивание налево
Повторить

Упрыгивание направо
Повторить

Упрыгивание наверх
Повторить

Поворот по часовой + прозрачность 100%-0%
Повторить

Выпал налево-вниз + прозрачность 100%-0%
Повторить

Выпал направо-вниз + прозрачность 100%-0%
Повторить

Выпал налево-вверх + прозрачность 100%-0%
Повторить

Выпал направо-вверх + прозрачность 100%-0%
Повторить

Воронка исчезновение вперед снизу
Повторить

Воронка исчезновение вперед по центру
Повторить

Воронка исчезновение вперед слева
Повторить

Воронка исчезновение вперед справа
Повторить

Воронка исчезновение вперед сверху
Повторить

Воронка исчезновение назад снизу
Повторить

Воронка исчезновение назад по центру
Повторить

Воронка исчезновение назад слева
Повторить

Воронка исчезновение назад справа
Повторить

Воронка исчезновение назад сверху
Повторить