Блог Дмитрия Рыбалка

Красивая и лёгкая анимация фотографии в Zero Block

Анимация Zero Block

Презентация товара в Тильде с помощью пошаговой анимации одной фотографии в Zero Block.


Хотите показать преимущества товара с помощью одной фотографии? Есть хороший способ — использовать пошаговую анимацию с увеличением и поворотом фотографии.

Для создании похожей анимации вам понадобится только фотография высокого качества и следующие настройки пошаговой анимации в Zero Block:

1 шаг: увеличение на 150%
2 шаг: поворот на 90% и уменьшение
3 шаг: увеличение
4 шаг: возврат в исходное положение

В каждом шаге я корректирую положение фотографии, чтобы левый верхний угол фотографии примерно находился в одной точке — так анимация воспринимается приятнее, а так же задаю небольшие задержки перед каждым шагом.

Как вам идея?



rtng.ru — вступайте в каталог дизайнеров на Тильде!
dmitryrybalka.ru — создание сайтов на Тильде, блог про Тильду