In this tutorial, we will learn about adding the Zoom-In hover effect to Divi Image Module using custom CSS on your WordPress Divi Website.
CSS Class: et-zoom-in
CSS code:
.et-zoom-in.et_pb_image:hover img,
.et-zoom-in .et_pb_image_wrap:hover img,
.et-zoom-in a:hover img {
transform: scale(1.3);
transition: all 2s 0s ease;
}
.et-zoom-in,
.et-zoom-in a {
overflow: hidden;
}
.et-zoom-in.et_pb_image img,
.et-zoom-in .et_pb_image_wrap img,
.et-zoom-in a img {
transition: all 1s 0s ease;
}
Hope you like the tutorial!