Gigi-C Posted April 26 Share Posted April 26 Hello, I have this code .list-item .list-image { border-radius: 12px; filter: grayscale(100%);} div:hover .list-item .list-image:hover { border-radius: 12px !important; filter: none; transform: scale(1.1); transition: .5s ease all; } which gives this following effect (video) But for some reason the border-radius disappears one hover. Ideally I would like to make sure that the transition includes the radius-border. Thank you in advance! Screen Recording 2024-04-26 at 09.48.28.mov Link to comment
tuanphan Posted April 28 Share Posted April 28 Can you share link to page where you have problem? We can check problem easier. 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
Gigi-C Posted May 13 Author Share Posted May 13 https://thevalleycleaningservices.squarespace.com/ On the services part. Thank you! Link to comment
tuanphan Posted May 17 Share Posted May 17 On 5/13/2024 at 4:51 PM, Gigi-C said: https://thevalleycleaningservices.squarespace.com/ On the services part. Thank you! Add this CSS code under .list-item-media-inner { border-radius: 12px; } .list-item-media-inner img, li:hover img { transition: all 0.3s; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment