Submitted almost 3 years ago

Hidden/visible box transition on button click

@jvmdo

A solution to the Article preview component challenge

Solution retrospective

I've applied max-height: 0 and visibility: hidden then max-height: 10rem and visibility: visible. This way the box is displayed from top to bottom on transition.

How could I make it to display it from bottom to top using this same hidden/visible technique?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on João Oliveira's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord