harlowbogie Posted December 21, 2023 Share Posted December 21, 2023 Hi, Upon hover, how do I apply a zoom-on-hover for images that have a link? A page that has many images that are linked: https://coral-elk-m3e7.squarespace.com/ondemand-recordings password: yoga When the image zoom, I want to keep the dimensions of the image block the same. Thanks in advance! Link to comment
Solution tuanphan Posted December 22, 2023 Solution Share Posted December 22, 2023 Use this CSS code body#collection-656c8ef744d7061e0779f189 .image-block:hover img { transform: scale(1.5); transition: all 0.3s; } .image-block img { transition: all 0.3s; } harlowbogie 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
harlowbogie Posted December 22, 2023 Author Share Posted December 22, 2023 Perfect, thanks! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment