Skip to content
Submitted about 4 years ago

Loopstudios - Pixel Perfect | HTML | SCSS | JS | GSAP

Akash Sharma•170
@aakash19090
A solution to the Loopstudios landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello folks! 👋

  • Its an almost Pixel Perfect landing page with beautiful animations with the help of GSAP animation library.

  • Header is resized & fixed on top on scroll with smooth transitions to provide better usability & UI.

  • The "Creations" cards section have & glassmorphism tilt effect on hover.

Is there anything else that could be done better to provide better UI experience ? A **feedback ** or any suggestion for this awesome effort would be appreciated ! 😊

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Agata Liberska•4,075
    @AgataLiberska

    Hi @aakash19090 :) I think we watched the same GSAP video! The load animations look great, well done!

    However, I wouldn't personally animate the whole page, just some elements to make it look interesting. I think the animation in the hero section is fantastic, but I get a bit dizzy scrolling down from there (this is of course my subjective opinion - and if you want to keep the animation throughout, it may be a good idea to look into reduced motion media queries

    I would also add some hover styles to links in the footer, and correct the social media links - when they scale up on hover, they overflow the container and get cut off a little bit. Adding focus styles is a must, too - if you remove the default outline, you need to provide a good alternative (an underline would look good I think).

    Overall your solution is very impressive I think :)

  • Roc Tanweer•2,500
    @RocTanweer

    Arey bhai kya kam liya hai aapne, WAHH!! happy coding bhai jan..!

  • Aw•530
    @kido5285

    wow this looks cool

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