Skip to content
Submitted over 2 years ago

News homepage html, css + nav animations

animation
lemmoor•70
@lemmoor
A solution to the News homepage challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I added some simple animation on the mobile navigation, any feedback on my implementation of mobile nav would be appreciated. (I used :has() selector for dark overlay which is not that widely supported yet, I guess just a div would work too?) Also, I used css counters for the numbers in the last section, that was fairly easy.

Code

Please log in to post a comment

Log in

Community feedback

  • Account deleted

    Hi; great animation with the menu button. Using a fade-out effect when the menu disappear is hard using pure css, because you have to hide it when the animation ends, so I recommend to use a slide animation instead. Great job making the background dark.

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