Langsung ke konten utama

Membuat image blurb zoom saat di hover

 Divi Theme Blurb Image Zoom On Hover


/* Blurb Image Hover */


.et_pb_main_blurb_image img {

   transition-duration:1s;

}


.et_pb_main_blurb_image img:hover {

    transform: scale(2);

}


.et_pb_blurb .et_pb_image_wrap {

    overflow: hidden;    

}


css class

blzoom


/* Blurb Image Hover */


.blzoom .et_pb_main_blurb_image img {

   transition-duration:1s;

}


.blzoom .et_pb_main_blurb_image img:hover {

    transform: scale(2);

}


.blzoom .et_pb_blurb .et_pb_image_wrap {

    overflow: hidden;    

}


https://www.youtube.com/watch?v=gc2bwpVhG5s




Komentar

Postingan populer dari blog ini

Quick Tip: Remove Space between Footer and Post in Divi

 Divi has a weird quirk where any blog post that is published has a space between the post and the footer. Luckily there is a quick fix. Click on the gear icon in the Divi Visual Builder. In the CSS section of the post editor, add the following code snippet and save. .single .et_pb_post {  margin-bottom: 0;  padding-bottom: 0; } #left-area {  padding-bottom: 0 !important; } If it is saved correctly, you should no longer see a space between the post and footer.

Membuat background colom atau section yang saat di hover zoom

https://www.youtube.com/watch?v=EMud8mbVZ50 Pada colom yang ada backgroundnya, masuk ke ADVANCE - CUSTOM CSS - MAIN ELEMENT: background-size:100%; transition: all 0.5s ease; dan di HOVER: background-size:130%; Start write the next paragraph here