Потрясающая анимация изображений Divi 5! Прокрутка модулей при наведении + автоматическое воспрои...

Узнайте, как создавать потрясающие анимированные прокручиваемые модули поверх изображений с помощью Divi 5. В этом уроке мы создадим два великолепных эффекта: плавную анимацию при наведении курсора, которая прокручивает несколько модулей вверх над изображением, и анимацию автоматической прокрутки на основе CSS, которая запускается при загрузке страницы. Эти впечатляющие анимации Divi 5 требуют минимальной настройки и мгновенно преобразят ваш сайт. Идеально подходят для главных разделов, галерей, демонстрации товаров и интерактивных макетов.

ТЕМЫ И ПЛАГИНЫ, ИСПОЛЬЗОВАННЫЕ В ЭТИХ ВИДЕО:

Плейлист «Создание сайта на WooCommerce»:    • Divi eCommerce Store  

Попробуйте тему Divi: https://bit.ly/TryDiviNow

Скидка 10% на плагин Divi Supreme Modules Pro: https://divisupreme.com/system22/?ref=6

Скидка 10% на плагин Divi Supreme Modules Light: https://bit.ly/SupremeFreeVersion

Изображения, созданные с помощью ИИ, от Nightcafe: https://creator.nightcafe.studio?fpr=...

Используйте промокод SYSTEM22NC для скидки 15%

МОИ ПЛЕЙЛИСТЫ YOUTUBE:

Плейлист Divi для начинающих:    • Divi For Beginners  

Плейлист с модулями Divi Supreme:    / watch  

v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw

Страница плейлиста с другими видео по этой теме:    / system22net  

Полный плейлист по созданию сайта электронной коммерции:    / watch  

v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9

Контактная форма с видеозагрузкой файла:    • Divi Theme Contact Form With File Upload 👍👍👍  

Загляните в наш плейлист, чтобы посмотреть больше видео по этой теме:    / system22net  

Не забудьте задать любые вопросы ниже, я постараюсь ответить или снять для вас демонстрационное видео!

Подписка:    / @system22  

МОЙ БЛОГ

https://web-design-and-tech-tips.com

КОД, ИСПОЛЬЗОВАННЫЙ СЕГОДНЯ

селектор {
анимация: scrlup 20 сек. вперёд линейная;
}

@keyframes scrlup {
0% {
margin-top: 0;
}
80% {
margin-top: -1000px;
}
100% {
margin-top: -1000px;
}
}

Отказ от ответственности: некоторые из этих ссылок являются партнёрскими, и я получу небольшую комиссию, если вы совершите покупку без дополнительных затрат с вашей стороны.

#divi #divi5 #divitutorial #elegantthemes #webdesign #uieffects #hoveranimation #scrollanimation #cssanimation #webdesigntricks #system22tv