Анимация текста в Divi 5, которая выглядит ПОТРЯСАЮЩЕ (простой CSS-трюк!) скачать в хорошем качестве

Анимация текста в Divi 5, которая выглядит ПОТРЯСАЮЩЕ (простой CSS-трюк!)

В этом уроке по Divi 5 мы создадим две мощные анимации, используя модуль Blurb и немного пользовательского CSS. Во-первых, мы создадим плавный эффект увеличения изображения при наведении курсора, который сделает ваши аннотации интерактивными и современными. Во-вторых, мы создадим анимацию непрерывно вращающейся иконки, которая добавит движения и визуального интереса вашему дизайну. Я шаг за шагом покажу вам весь процесс и продемонстрирую, как использовать инспектор Chrome для поиска скрытых имен классов, чтобы вы могли точно нацелить свой CSS. Плагины не требуются. Только чистый, простой CSS и встроенные инструменты Divi 5. ТЕМЫ И ПЛАГИНЫ, ИСПОЛЬЗУЕМЫЕ В ЭТИХ ВИДЕО Попробуйте тему Divi: https://bit.ly/TryDiviNow Скидка 10% на плагин Divi Supreme Modules Pro: https://divisupreme.com/system22/?ref=6 Плагин Divi Supreme Modules Light: https://bit.ly/SupremeFreeVersion Изображения, созданные с помощью AI от Nightcafe: https://creator.nightcafe.studio?fpr=... Используйте промокод SYSTEM22NC для скидки 15% МОИ ПЛЕЙЛИСТЫ НА YOUTUBE: Divi 5:    • Divi 5   Полное руководство по началу работы с Divi:    • Divi Ultimate Guide For Getting Started   Divi 5 для начинающих:    • Divi 5 For Beginners   Divi 4 для начинающих:    • Divi For Beginners   Модули Divi Supreme:    / watch   v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw Плейлист по созданию полнофункционального интернет-магазина:    / watch   v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9 Посмотрите наши плейлисты, чтобы найти больше видео на эту тему:    / system22net   Не забудьте задать любые вопросы ниже, я постараюсь ответить или сделать для вас видеодемонстрацию! Подписаться:    / @system22   МОЙ БЛОГ https://web-design-and-tech-tips.com ИСПОЛЬЗОВАННЫЙ СЕГОДНЯ КОД /* Масштабирование изображения */ selector .et_pb_image_wrap {overflow:hidden} selector img { transform:scale(1); transition-duration:.75s; } /* При наведении курсора */ transform:scale(1.4); /* Интервал для текста */ selector .et_pb_blurb_container { padding:20px 30px 50px 30px; } /* Вращение иконки */ selector .et-pb-icon { animation: iconsp 5s infinite linear; } @keyframes iconsp { 0% {transform:rotateY(0deg)} 50% {transform:rotateY(180deg)} } Отказ от ответственности: Некоторые из этих ссылок являются партнерскими ссылками, по которым я получу небольшую комиссию, если вы совершите покупку, без дополнительных затрат для вас. #Divi5 #DiviTheme #CSSAnimation #WebDesign #HoverEffect #WordPressDesign #DiviTutorial #System22