У нас вы можете посмотреть бесплатно Анимация текста в Divi 5, которая выглядит ПОТРЯСАЮЩЕ (простой CSS-трюк!) или скачать в максимальном доступном качестве, видео которое было загружено на ютуб. Для загрузки выберите вариант из формы ниже:
Если кнопки скачивания не
загрузились
НАЖМИТЕ ЗДЕСЬ или обновите страницу
Если возникают проблемы со скачиванием видео, пожалуйста напишите в поддержку по адресу внизу
страницы.
Спасибо за использование сервиса ClipSaver.ru
В этом уроке по 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