⚙
Настроить
Aнимацию
Модуль и компонент "Анимированные блоки" повторяет функционал модуля "Анимированная графика" и плюс имеет дополнительную возможность еще более упрощенно, без специальных знаний подобрать эффекты анимации для выбранных блоков сайта.
Анимировать можно любой блок, а не только изображения. После подбора понравившейся анимации результат можно сохранить. Эффекты делятся на 2 группы:
Порядок действий
Анимировать можно любой блок, а не только изображения. После подбора понравившейся анимации результат можно сохранить. Эффекты делятся на 2 группы:
- -я группа. Позволяет накладывать несколько видов анимации друг на друга. Порой получается весьма затейливый эффект
- -я группа. Эффекты анимации, которые можно применять только одиночно НЕ накладывая их друг на друга
Итак:
На этой странице можно самостоятельно потренироваться в анимации элементов сайта.Порядок действий
- Нажать шестеренку ⚙ →
- Наведением "мыши" поверх нужного блока добиться появления маркера, который сигнализирует, что блок опознан и готов к применению эффектов анимации
- Нажать клавишу
"SHIFT" (можно 
ENTER, но не желательно, так как может произойти переход по ссылке) при наличии маркера. Тем самым происходит фиксация блока и дальнейшие наведения "мыши" на элементы сайта не будут сдвигать маркер - Выбрать "галочками" один или несколько эффектов анимации.
- Для сняти режима фиксации маркера нажмите клавишу
"ESC". Тогда можно будет переходить к следующей картинке или блоку. - Далее можно сохранять результат, но этой демо-странице сохранение, конечно же нет. В рабочей версии модуля сохранять можно. Более того, на одной странице можно размещать несколько экземпляров компонента "Анимированные блоки". Они будут работать автономно(в рамках действия стилей css).
Скорость сек.
🧹