Hover roll-over effect on image that zooms and displays social media icons or other content. Also Zoom and Switch Image option on the right.
4/5 - (1 vote)
Hover roll-over effect on image that zooms and displays social media icons or other content. Also Zoom and Switch Image option on the right.
/*Overlay Background Zoom-In CSS*/
selector{
overflow: hidden !important;
}
selector .elementor-background-overlay{
-webkit-transition: all 0.5s !important;
transition: all 0.5s !important;
-webkit-transform-origin: left;
transform-origin: left;
}
selector:hover .elementor-background-overlay{
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
selector .elementor-column{
opacity: 0;
-webkit-transition: all 0.75s !important;
transition: all 0.75s !important;
}
selector:hover .elementor-column{
opacity: 1;
}
No Additional HTML Required