tuanphan Posted October 11 Posted October 11 To make Linked Images zoom on hover, you can use these CSS code to Website Tools > Custom CSS. #1. Image Blocks div.image-block:has(.sqs-block-image-link) img { transition: all .3s; } div.image-block:has(.sqs-block-image-link):hover img { transform: scale(1.5); transition: all .3s; } #2. Gallery Block Images div.gallery-block .slide:has(a.image-slide-anchor) img { transition: all .3s; } div.gallery-block .slide:has(a.image-slide-anchor):hover img { transform: scale(1.5); transition: all .3s; } #3. Gallery Section Images figure[class*="gallery-"]:has(a) img { transition: all .3s; } figure[class*="gallery-"]:has(a):hover img { transform: scale(1.5); transition: all .3s; } figure[class*="gallery-"] a { overflow: hidden; } 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment