How do I create a hover effect as shown in the gif? All I could do now is zoom in on hover. How do I add the buttons and other details as well, on hover?
Haven’t tried this yet, but might be an interesting challenge, what I would do is use states and hide/show the children, you can check it out in this tutorial from our amazing @Joyce
Edit: I just tried it out and you can definitely make this happen with states, you just need to play with it a little Good luck. And let us know how it went!
Hi @caio
To zoom in on hover, you should indeed work with a hover
state like @Broberto mentioned and play around with the “Effects” properties to create the zoom you want:
To display the buttons when the user hovers over the movie, I’d recommend having the image and buttons inside the same card, and using conditional rendering in combination with the hover state to only display the buttons when the user hovers on the card.
Does that help?
thanks @Broberto, I managed to do it
thank you @joyce you helped me a lot
Awesome! Well done @caio