Задать вопрос
MetisKot
@MetisKot
javascript

Как реализовать плавную смену background с наплывом?

Доброго времени суток, уважаемое сообщество!

Возникла проблема реализации ПЛАВНОЙ смены фонового изображения body с одновременным увеличением.
Подробнее:
открылся сайт, background body плавно увеличивается внутрь, затем происходит плавная смена background и опять плавное увеличение внутрь.

Помогите, пожалуйста! У Яндекса и дяди Гугла спрашивал - ничего не нашел.
Заранее спасибо за помощь!
  • Вопрос задан
  • 12560 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 3
Alexanevsky
@Alexanevsky
Любительская web-разработка
Либо используйте CSS:
body {transition: background .15s linear;}

Либо JS:
$(body).animate();

При необходимости поэтапной смены фона, т.е. сначала одно, потом второе, потом третье -Вам CSS уже особо не поможет. Самый простой вариант будет такой:
$(body).animate();

// Ждём 500 милисек и делаем новые эффекты
$(body).delay(500).animate(); 

// Ждём ещё 500 милисек и делаем новые эффекты
$(body).delay(500).animate();
Ответ написан
2 комментария
2 комментария
Lumore
@Lumore
Front-end developer
https://www.google.com/search?q=transition
Ответ написан
Комментировать
Комментировать
@kolibry1
web-developer- junior
design-mania.ru/web-design/html-css/fonovoe-slajdshou3 вот этот метод мне оочень нравится
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настроить рекламу в VK
20 апр. 2024, в 13:56
7000 руб./за проект
Настроить рекламу в Авито
20 апр. 2024, в 13:52
7000 руб./за проект
Помочь с запуском бота
20 апр. 2024, в 13:23
1000 руб./за проект
Ещё заказы