Looking to hire developers?
Submitted
@visualdenniss
You can find MY ANIMATION TUTORIAL HERE
🔥 I've implemented my own custom design on top the original fem design and used GSAP to animate all elements in a timeline sequence. For optimum animation experience, recommended viewing dimensions: 1440x800. On desktop, after a while background image fades into a new one infinitely.
It is also responsive for mobile. There might be some slight issues for tablet still.
This time I've also added a little email validation using REGEX.
[PS. If you have set prefers-reduced-motion to true - it wont animate]
@saketbyte
Posted
Landed here after submitting my solution. I am side by side learning react too, but seeing your work gave me so much motivation! Thank you!
And your work gave me chillsss!!! Loved it!!
@visualdenniss
Posted
@saketbyte Very happy to hear that! Thanks a lot and good luck on ur journey!
@dambus
Posted
Redesign looks awesome, great job!
@visualdenniss
Posted
@dambus Hey, thanks a lot!
@IryDev
Posted
You took that challenge to the next level 🔥. That's an amazing solution it inspired me to do my own solution and redesign.
@Saad-Hisham
Posted
You're doing an amazing job! Your work is always inspiring to me, and I'm particularly impressed with how you've taken that newbie challenge to the next level with these animations. Keep up the great work🔥
@visualdenniss
Posted
@Saad-Hisham thanks a lot for your encouraging words! It makes me very happy to hear to inspire and motivates me to push further each time. Wish you happy and creative coding!
@Shadow-IO-oI
Posted
I'm not sure how else to contact you, so I'll just ask here.
I saw your Base Apparel coming soon page redesign and thought it was pretty cool. So, I took your design, animations, and images and rewrote it using common JavaScript, CSS, and HTML.
Before I publish it, I just wanted to check with you first. Can I share my version with the world?
Let me know what you think.
Thanks!🦊
@visualdenniss
Posted
@Shadow-IO-oI Thanks for your consideration and i feel honoured that you liked the solution a lot! Do you have a LinkedIn? If so, you can reach me there (link is on my profile) and we can discuss about it :)
@Shadow-IO-oI
Posted
@visualdenniss I tried reaching out to you on LinkedIn, but I'm new to the platform and couldn't figure it out. I left a comment under your post, but didn't get any word from you. So, I thought I'd try here instead.
I added a link to my LinkedIn profile in my online profile.
@visualdenniss
Posted
@Shadow-IO-oI Okay, cool just sent you connection request there, hope it works.
@Shadow-IO-oI
Posted
Your solution and redesign are awesome. Do you mind if I make my own variant based on your suggestions?
@visualdenniss
Posted
@Shadow-IO-oI Hey, thanks a lot!
I'm not sure if i understand your questions correctly, but if u r unsure, u can always give credits to me, that would be best in any case :) Thanks and looking forward to ur implementation!
@Wellissonb
Posted
how do i make this animation of falling letters??
@visualdenniss
Posted
@Wellissonb each individual letter must be turned into span to animate them with stagger, using gsap e.g.. U can use a small library or ur own custom js function to split the word into letters with spans during the render.
Googled it now and i've found one that might be useful: https://www.spltjs.com/
@Hamza-DA
Posted
Wow, just Wow 🔥🔥🔥🔥
@visualdenniss
Posted
@Hamza-DA Thank you very much Hamza!
@sayedhamid1396
Posted
its super awesome job, great experience, nice animations . GSAP is amazing , I will try to learn it after see this.
@visualdenniss
Posted
@sayedhamid1396
Thanks a lot! Happy to hear you enjoyed. Yeah, i'd def recommend GSAP as it is very powerful tool for many kinds of animations. I've just wrote small tutorial about how to do a simple animation, (like the flower image reveal here) so feel free to check that out to start with: ARTICLE
@sayedhamid1396
Posted
@visualdenniss Thanks for share.
@MadiMalik
Posted
Wow, I absolutely love this solution! The color scheme, animation, and font adjustments are exceptionally well done. Without a doubt, I will be giving it a try.
@visualdenniss
Posted
@MadiMalik Hey Madi, thanks a lot for your kind words, very happy to hear you liked it! ❤️
Yesss, go for it! Looking forward to your version
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
