emyemilyyy21 Posted April 10, 2023 Share Posted April 10, 2023 Hi there, I searched how to add animation to the images in a gallery section showcasing my projects on the homepage. I've already added site-wide animation but this only occurs when the page loads. I'd like the individual projects to expand or have some sort of animation when I hover over it. Here's an example of what I'd like it to look like (Folio website), and here's what mine looks like: emily-mika.com Thank you! Screen Recording 2023-04-10 at 3.12.54 PM.mov Link to comment
tuanphan Posted April 13, 2023 Share Posted April 13, 2023 Add to Design > Custom CSS figure.gallery-strips-item { transition: all .3s ease; position: relative; top: 0; } figure.gallery-strips-item:hover { transition: all .3s ease; top: -30px; } 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