1. Ставим видео Автоплей, v.n? с какой по какую сек, луп 2. Смотрим шейпом какой размер перекрывает видео 3. Фотошоп. (ролик https://www.youtube.com/watch?v=SFes0a5hnWY 10-20 -11-35)
Фон заливается цветом и градиентами Два больших некруглых svg (в фигме) На svg SBS: 1. Block on screen/Loop/ Step1.20s scale=120 rotate=360 Step2. 20s Scale=140 rotate=-360 На втором примерно так же. Можно еще передвигать на шагах чуть чуть. Проверять на меньшем разрешении, чтоб там что то оставалось видимое.
Ветка слева Windows conteiner SBS Scroll Wtop Step1 1000 X-1579 Y-290 Scale=500 Fixed Step2 250 X-1990 Y-290 Scale=500
Ветку справа копируем первую, меняем прривязку к экрану
Zero block
Текст в две колонки. Чтоб левая скролилась быстрее. Базовая анимация -
create your own block from scratch
Белый текст на белом фоне. Настройки круглого шейпа: SBS по клику на втором шаге за 1,5 сек увеличивается на 15000%
Скрытый текст, написанный молоком :)
Хотите знать, что такое "маразм"? Извольте. В октябре правительство доработало план
Текст стоит. Закрыт плашками цветом с фон. Анимация плашки: SBS скрол шаг1 дистанция 300, х 1300 делай 100. Каждая следующая плашка увеличиваем делай на 10
SBS скролл шаг 1: дистанс 400, скале 250, делай 200. Х ставим так, чтоб фото не съезжало влево
4 круга. Верхний бейсик анимация по паралакс мышь с -500 по х и У Следующие -480 и прозрачность 95 Потом -450 прозрачность 90 и -430 прозрачность 85
Белый текст. Сбоку шейп по скролу, 1. дистанция 500 увеличение масштаба на 10000 2. уменьшение масштаба до 10
В форму в зеро можно добавлять пустое пространство как строку (white space)? разделяя блоки, ставить фоны
Good design is obvious. Great design is transparent.
Цветные полоски, на них текст, сверху серые полоски на них анимацию по ховеру. Дистанция 1 опасити 0
Цветные полоски, на них текст, сверху серые полоски на них анимацию по ховеру. Дистанция 1 опасити 0
Цветные полоски, на них текст, сверху серые полоски на них анимацию по ховеру. Дистанция 1 опасити 0
Цветные полоски, на них текст, сверху серые полоски на них анимацию по ховеру. Дистанция 1 опасити 0
ЛЕВО
ПРАВО
Много копий фото. Базовая анимация. На верхнее паралакс по мыши, Х=0. Следующее Х=30;Х=60...
Понедельник
Вторник
Среда
Четверг
Пятница
Суббота
Воскресенье
Степ бай степ эвент по скролу старт - по центру триггер 80 пикселей 1 шаг расстояние 100 масштаб 150 -200 2 шаг расстояние 100 масштаб 100
Наведи на меня
Кнопка
палочка, впереди нее кнопка залитая цветом фона. СБС анимация по ховеру при первом шаге отъезжает вправо ан 50 пикселей