.svg)
.svg)
Параллакс, вращение и движение, пульсирование, анимация при появлении, фиксирование на экране
Анимация
в гибком блоке
в гибком блоке
Оживляйте проекты!
Примените анимацию к любому элементу в гибком блоке и сайт сразу станет интересней.
Добавьте элемент в гибком блоке, откройте настройки, в пункте «Параллакс» выберите нужную анимацию и выполните настройки.
Параллакс*
Выберите как будет отражаться параллакс: при движении курсора, при прокрутке или измените скорость при прокрутке. Задайте значения X и/или Y. Настройте параллакс на мобильных.
*Параллакс – это смещение объекта. Благодаря этому эффекту мы можем увидеть предметы в объеме и не только.
*Параллакс – это смещение объекта. Благодаря этому эффекту мы можем увидеть предметы в объеме и не только.
Параллакс при движении курсора*
*Не отображается на мобильных. На мобильных можно применить параллакс при прокрутке или изменение скорости при прокрутке.
.png)
Параллакс
при
прокрутке
.png)
vegetables
.png)
fruits
Изменение скорости при прокрутке
Добавьте элемент в гибком блоке, откройте настройки, в пункте «Вращение и движение» выберите нужную анимацию и выполните настройки.
Вращение и движение
Задайте скорость, характер и центр вращения. Нажмите на кнопку «Воспроизвести», чтобы посмотреть результат.
Задайте направление, расстояние, скорость и характер движения. Нажмите на кнопку «Воспроизвести», чтобы посмотреть результат.
Пример движения
.png)
.png)
.png)
Добавьте элемент в гибком блоке, откройте настройки, в пункте «Пульсирование» включите пульсирование и выполните настройки.
Пульсирование
Настройте состояние №1 и 2: задайте прозрачность, продолжительность и время перехода к следующему состоянию для каждого из них.
Нажмите «Воспроизвести», чтобы увидеть результат настроек.
.png)
.png)
Примеры пульсирования
.png)
.png)
.png)
Добавьте элемент в гибком блоке, откройте настройки, в пункте «Анимация при появлении» выберите нужную анимацию и выполните настройки.
Анимация при появлении
Настройте все элементы в блоке, которые хотите анимировать. Нажмите на кнопку «Воспроизвести» или «Воспроизвести все», чтобы посмотреть результат.
Задайте продолжительность, расстояние, задержку, отступ снизу от экрана.
.png)
Путешествие на Байкал
Пример анимации
при появлении
.png)
.png)
.png)
.png)
.png)
10.01– 13.01 💛
Путешествие на самое
красивое озеро в мире
красивое озеро в мире
Группа из 5 человек +
3 организатора и 2 машины
3 организатора и 2 машины
Финансовая благодарность
12 000 рублей
12 000 рублей
Добавьте элемент в гибком блоке, откройте настройки, в пункте «Фиксирование на экране» выберите ориентацию фиксирования и выполните настройки.
Фиксирование на экране
Задайте отступ и продолжительность фиксации в пикселях. Фиксирование элементов работает на компьютерах. Просмотр возможен вне системы управления
ЭТАПЫ РАБОТЫ
Как мы работаем
01
Вы оставляете заявку на нашем сайте. В форме можно указать желаемую дату и удобный способ связи с Вами
02
Мы связываемся с Вами указанным способ
03
Вместе определяем характеристики, интересующие Вас
04
Предоставляем список товаров, подобранных по индивидуальным характеристикам
05
Согласуем покупку в случае Вашего одобрения
06
Доставляем товар по указанному адресу в удобное время
! Фиксирование на экране не отображается на мобильных. Поэтому предлагаем просто посмотреть как адаптирован блок :)
Попробуйте анимацию на Базиуме прямо сейчас
Все использованные здесь фото с сайта https://unsplash.com/
