I’ve created a card, as an image, and on it we have text and pills in flex. This is to organise the information.
The idea was to keep the pills always visible and only on hover in/out would the text appear smoothly using hide/show.
I noticed that the Hide animation doesn’t allow you to create a smooth curve of movement.
Nor does it allow you to apply a glass effect to the background via the animations.
Structure
Card
(Image
(Wrapper_Background
(Text (Hide/Show) + Pills (always visible) ) )
Any suggestions?
Here is my site Read-Only: LINK
(how to share your site Read-Only link)