nakodil.siteВидео и анимированный фон для первого экрана сайта
Видео-фон, анимированные линии, лучи и свечение в hero. Самые популярные варианты и как поставить их через Claude Code.
12 вариантовпо рейтингу: популярность в источнике, темп и спрос
-
Видео-фон
Видео-фон в первом экране без стока
Claude Code нарисовал светящиеся волны в canvas, записал их в бесшовное видео на 8 секунд и поставил фоном под заголовок.
-
21st.dev
Фон из движущихся тонких линий
По тёмному фону плывут тонкие изогнутые линии, а поверх стоят крупный заголовок с градиентом и кнопка. Подходит для первого экрана.
-
21st.dev
Коридор из картинок, летящих на зрителя
Две ленты картинок выходят из точки в центре, растут и разворачиваются к краям экрана, и движение идёт по кругу без остановки. Посередине стоит заголовок.
-
21st.dev
Фон из размытых световых лучей
По тёмному фону медленно движутся мягкие диагональные лучи света, а по центру стоят заголовок и подзаголовок. Подходит фоном для первого экрана.
-
21st.dev
Свечение лампы над заголовком секции
Сверху тянется светящаяся полоса, и от неё вниз падает голубой конус света на заголовок. Подходит для шапки раздела или первого экрана на тёмном сайте.
-
21st.dev
3D-скульптура, которая рассыпается в частицы под курсором
Над крупным заголовком висит 3D-скульптура, которая под курсором распадается на жидкие частицы. Есть светлая и тёмная тема и мобильная вёрстка.
-
21st.dev
Первый экран со светящимся горизонтом планеты
Над заголовком дугой светится край планеты, фиолетовый свет мягко переливается. Подходит для первого экрана продукта.
-
21st.dev
Hero с видео, которое прокручивается колесом мыши
Страница останавливается, и при прокрутке видео ведёт астронавта через шлюз корабля в открытый космос, поверх идёт крупный заголовок. Подходит для первого экрана с сильной подачей.
-
21st.dev
Плавный градиентный фон в сине-голубых тонах
Мягкие пятна тёмно-синего и голубого медленно перетекают друг в друга с лёгким зерном. Ставится фоном под первый экран.
-
21st.dev
Фон из волнистых линий, которые реагируют на курсор
Тонкие светлые линии на тёмном фоне складываются в волны, изгибаются за курсором и расходятся кругами при клике. Ставится фоном под первый экран.
-
21st.dev
Чёрно-белый плазменный фон с зерном
Светлые размытые петли медленно переливаются на чёрном фоне с эффектом плёночного зерна. Ставится фоном под первый экран.
-
21st.dev
Светлый фон с плавающими цветными пятнами
Размытые пастельные пятна медленно плавают и меняют размер за текстом. Подходит фоном для первого экрана или блока с призывом к действию.
Новые ролики и разборы — в TelegramПишу, как я делаю свои ролики, и добавляю сюда новые скиллы.
Открыть канал