Рет қаралды 249
Welcome to our in-depth tutorial on "Divi Theme Blurb Module Image Zoom And Contain On Hover using the Divi Blurb Module and some CSS code." In this video, we'll show you how to create an impressive image zoom and contain effect when hovering over the Blurb Module in the Divi Theme. This dynamic effect will not only enhance the visual appeal of your website but also provide an engaging user experience. By following our step-by-step guide, you'll learn how to implement this feature using the Divi Blurb Module along with a few lines of custom CSS code.
Whether you're a web design novice or a seasoned pro, our tutorial is designed to make the process simple and easy to follow. We'll walk you through each step, from setting up the Blurb Module to adding the necessary CSS to achieve the desired hover effect. This tutorial is perfect for anyone looking to add a professional touch to their Divi Theme website without the need for additional plugins. If you find this video helpful, please give it a thumbs up, share it with your friends, and subscribe to our channel for more Divi Theme tips and tricks. Let's get started and transform your website with this stunning image zoom and contain effect on hover!
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 .et_pb_image_wrap {
overflow:hidden
}
selector img {
transition-duration: .7s;
}
selector img:hover {
transform:scale(2);
}
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 #BlurbModule #ImageZoom #HoverEffect #WebDesign #CSSCode #DiviTutorial