MarcUK1603 Posted April 19, 2020 Share Posted April 19, 2020 Hi there, Stumbled across this code for crop/zoom of images. Works a treat. But... there are some images I don't want this to apply to. Once I've identified relevant image ID, does anyone have any idea what to include within CSS to exclude relevant images? Thanks, Marc ---- //Crop and Zoom Image Hover .intrinsic, .summary-thumbnail-outer-container, .blog-item > div:first-child { -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .3s ease!important; -o-transition: all .3s ease!important; transition: all .3s ease!important; } &:hover { -webkit-clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%); clip-path: polygon(3% 3%, 97% 3%, 97% 97%, 3% 97%); img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } } Link to comment
tuanphan Posted April 20, 2020 Share Posted April 20, 2020 Can you share link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
MarcUK1603 Posted April 24, 2020 Author Share Posted April 24, 2020 Thanks for reply. Managed to figure it 🙂 Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.