Задать вопрос
@YarikLtv4k
html

Как сделать такой же background как на этой странице (с анимацией)?

Как сделать такую же анимацию/фон, как на этой странице https://browser.yandex.ru/welcome-update/r/video-t...?
Может есть какие-то готовые решения/генераторы?
Спасибо
  • Вопрос задан
  • 43 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
site2life
@site2life
Готовых решений нет.

В данном примере анимация формируется из обычных цветных прямугольников с прозрачностью и размытием. Этим блокам средствами CSS задана анимация через keyframe`ы.

Вся анимированная сцена выступает родительским блоком с position:relative, а все дочерние элементы в нем ( блоки с текстом и изображения) с position: absolute . Можно также в замен анимации задать видеофайл. Похожий пример здесь
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн интерьера для заведения
27 апр. 2024, в 21:24
150000 руб./за проект
Нужно добавить несколько параллакс эффектов
27 апр. 2024, в 21:12
500 руб./за проект
Доработать функционал загрузки прайсов в БД
27 апр. 2024, в 20:40
5000 руб./за проект
Ещё заказы