Основная функция блока:
Декорирование сайта, привлечение внимания.
Декорирование сайта, привлечение внимания.
Пример блоба:
Заливка блоба:
Можно залить блоб одним цветом, использовать градиент либо даже поместить внутрь блоба картинку.
Можно залить блоб одним цветом, использовать градиент либо даже поместить внутрь блоба картинку.
Блоб с градиентом:
Блоб со сплошной заливкой:
Блоб с картинкой:
Слои:
У блоба может быть от 1 до 5 анимированных слоёв одновременно. Если вы отключите анимацию блоба, то выглядеть он будет примерно так:
У блоба может быть от 1 до 5 анимированных слоёв одновременно. Если вы отключите анимацию блоба, то выглядеть он будет примерно так:
Пример блоба со слоями:
Анимация:
По умолчанию блоб анимированный, скоростью анимации можно управлять. При желании анимацию можно убрать, переключившись на статику.
По умолчанию блоб анимированный, скоростью анимации можно управлять. При желании анимацию можно убрать, переключившись на статику.
Пример блоба с ускоренной анимацией:
Пример блоба без анимации:
Деформация блоба:
Можно настроить силу деформации, т.е. выбрать насколько неровным будет ваш блоб.
Можно настроить силу деформации, т.е. выбрать насколько неровным будет ваш блоб.
Блок Блоб
Примеры блоба с различной степенью деформации:
слабо
средне
сильно
очень сильно
Размытие и прозрачность:
Экспериментируя с размытием и прозрачностью можно получить новые интересные формы, сделав сайт ещё более привлекательным
Экспериментируя с размытием и прозрачностью можно получить новые интересные формы, сделав сайт ещё более привлекательным
Примеры первого экрана сайта с блобами:
