Рет қаралды 298
Are you ready to elevate your web design skills with the Divi Theme? In this video, "Divi Theme Create An Animated Hover Effect With The Divi Blurb Module," we'll show you how to create stunning animated hover effects using the Divi Blurb Module and some simple CSS code. Whether you're a beginner or a seasoned Divi user, this step-by-step tutorial will guide you through the process of adding dynamic animations that make your blurb modules stand out and engage your visitors.
Using the Divi Blurb Module, we will demonstrate how to implement custom CSS to create eye-catching hover effects that enhance the visual appeal of your website. By the end of this video, you'll have the knowledge and tools to transform your Divi site with professional-grade animations. Don't miss out on this opportunity to learn how to make your content more interactive and captivating. Make sure to like, comment, and subscribe for more Divi tutorials and web design tips!
Try out the Divi theme: bit.ly/TryDiviNow
Divi Supreme Modules Pro Plugin 10% Off: divisupreme.co...
Divi Supreme Modules Light Plugin: bit.ly/Supreme...
AI Images generated by Nightcafe:creator.nightc...?fpr=jamie25
Use promo code SYSTEM22 for 15% discount
MY KZbin PLAYLISTS:
Divi For Beginners Playlist: • Divi For Beginners
Divi Supreme Modules Playlist: / watch
v=ZAO2MH0dQtk&list=PLqabIl8dx2wo8rcs-fkk5tnBDyHthjiLw
Playlist page for more videos on this: / system22net
Full Ecommerce Site Build Playlist: / watch
v=rNhjGUsnC3E&list=PLqabIl8dx2wq6ySkW_gPjiPrufojD4la9
Contact Form With File Upload Video: • Divi Theme Contact For...
Divi 4 Theme Add A responsive Search Bar to your header
Check out our playlist page for more videos on this: / system22net
Don't forget to drop any questions below, I will do my best to answer or make a video demo for you!
Sub: / @system22
MY BLOG
web-design-and...
CODE USED TODAY
selector:hover .et-pb-icon {
margin-top: -100px;
margin-bottom:73px
}
selector .et-pb-icon{
transition-duration:.5s;
}
selector p {
opacity:0;
transition-duration:1s;
}
selector:hover p {
opacity:1
}
RECOMMENDED PLAYLISTS
Elementor Ecommerce Store: • Elementor Ecommerce St...
Divi Snippets: • Divi 4 Snippets Divi T...
Divi 4 Ecommerce Store: • Divi 4 Ecommerce Store...
Bootstrap 4 Basics: • Bootstrap 4 Basics Ind...
Elementor: • Elementor Wordpress Bu...
WordPress Tips: • Wordpress 2020 Theme C...
Subscribe: / @system22
Disclaimer: Some of these links are affiliate links where I'll earn a small commission if you make a purchase at no additional cost to you.
#DiviTheme #DiviBlurbModule #HoverEffect #DiviTutorial #WebDesign #CSSAnimation #DiviTips