Skip to content
Submitted about 4 years ago

Intro Component With Mobile Navigation And CSS Animations

ApplePieGiraffe•30,545
@ApplePieGiraffe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Project tracking intro component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hey, everybody! 👋

This was a short, easy challenge that was a lot of fun to code! (Thinking about how to place the image was interesting.) 😉

I added a few CSS animations from Animate.css (as usual) to make the simple mobile navigation and the loading of the page a little cooler! 😄

Feedback is welcome and appreciated! 😊

Happy coding! 😁

Community feedback

  • Anna Leigh•5,135
    @brasspetalsPosted about 4 years ago

    Yet another great job - and animations are smooth as always. 🙌 This one makes me wonder though - there's got to be a way to create an "exit" animation when you leave the mobile menu, right? 🤔 It'd be great if the animation would reverse and fade out when clicking the "x".

    2
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    @brasspetals

    Thanks for the feedback!

    An "exit" animation sure does sound cool! I'll look into that! 😀

    0
  • banana joe•135
    @bananaJoeRealPosted about 4 years ago

    Hey ApplePieGiraffe!

    Your solution looks nice, I loved the animation nice work!

    2
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    @bananaJoeReal

    Thanks a lot! 😀

    1
  • Seck Mamadou•325
    @doums85Posted about 4 years ago

    Hi , really nice code

    I suggest you I think you forgot to fixe your footer on bottom

    Keep coding 🙂👍

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    @doums85

    Thanks!

    0
  • Lungowe•115
    @Lungowe-SPosted about 4 years ago

    Loved what you've done. I've been cracking my head over a few things I did in my own site and your solution has given me some insight.

    Nice work!

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    @Lungowe-S

    Thanks! Glad it was helpful! 😊

    0

Please log in to post a comment

Log in with GitHub

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