Loopstudios animated landing page, React, Tailwind & Framer-motion
Design comparison
Solution retrospective
Any feedback welcome 🫡👍
Community feedback
- @TedJenklerPosted 3 months ago
Hi again,
Nice project! I love the animations you’ve implemented—great work. Here’s a suggestion for improvement:
SVG Hover Effects: Consider adding a hover fill effect to your SVGs. You can achieve this by styling the <SVG /> tag with CSS. It could add a nice interactive touch to your design.
Your site is already responsive, and the overlays and backgrounds adapt well to all viewports. The animations, particularly the navigation animation, are fantastic. The way they flow is smooth and enhances the user experience.
It’s hard to write feedback when you’re doing such a great job! Your use of ARIA labels is also spot on. Fantastic work!
Best, Teodor
0@dev-paulLPosted 3 months ago@TedJenkler Hi again! 👋
Thanks! The hover effect is already implemented (underlines the svg), similar to the nav links. I followed the design images, but I agree, adding some extra hover effects could make it look better.
I’ll also explore ARIA rules further, I'm sure I can improve accessibility.
Thank you again, Best, Paul
1
Please log in to post a comment
Log in with GitHubJoin 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