8:54 - I already say my approach isn't that straightforward, but I actually found a way easier solution today! Make sure to check out the article and playground there to find a way easier solution for this! www.frontend.fyi/v/rebuilding-opal-tadpoles-website-with-modern-css#what-if-a-text-spans-multiple-lines
For anyone looking for details about this: In this video I decided to use two background gradients and move the background position because I assumed animating a CSS variable with scroll-driven animations wasn't possible. Oh well, I was very wrong there! When writing the article version of this video, I suddenly remembered the new @property CSS feature. Diving into that a bit more showed me that it indeed IS possible to animate these values. So that is what you see in the article version of this video: I went ahead and changed the gradient to a single gradient, then used a CSS variable to define the color stops, and animate that value instead. So much cleaner, so much easier to understand! Sorry if this caused any confusion to anyone!
This is almost similar to what i was looking for. Thank you so much!! Also i wanted to animate text so that it appears as if its being written by a paint brush. I have tried everything but couldn’t make it. Can you please make a video on that. Thanks again
Hello, I really like your content. Would you consider producing videos on React & NextJS in accordance with real business logic? In your previous videos, your file structure, the architecture you built, your component creation logic & hierarchies and your approaches on many topics were very effective. You show great solutions to the problems that a frontend developer will face in a real project. I hope to see more of such project-based coding content and ideal solutions, best regards.
Hi sir, before everything, a big thanks to you, I have learnt so much from your channel. Your way of teaching is very intuitive to me. I have a request, can you make a video breaking down/recreating Exoape's menu? I find it interesting in a lot of ways. Again, thank you for all your content!
8:54 - I already say my approach isn't that straightforward, but I actually found a way easier solution today! Make sure to check out the article and playground there to find a way easier solution for this! www.frontend.fyi/v/rebuilding-opal-tadpoles-website-with-modern-css#what-if-a-text-spans-multiple-lines
For anyone looking for details about this:
In this video I decided to use two background gradients and move the background position because I assumed animating a CSS variable with scroll-driven animations wasn't possible. Oh well, I was very wrong there!
When writing the article version of this video, I suddenly remembered the new @property CSS feature. Diving into that a bit more showed me that it indeed IS possible to animate these values. So that is what you see in the article version of this video: I went ahead and changed the gradient to a single gradient, then used a CSS variable to define the color stops, and animate that value instead. So much cleaner, so much easier to understand!
Sorry if this caused any confusion to anyone!
Your contents are awesome, They are really great and helpful.
Incredible. Thank you
Amazing animations
This is almost similar to what i was looking for. Thank you so much!!
Also i wanted to animate text so that it appears as if its being written by a paint brush. I have tried everything but couldn’t make it. Can you please make a video on that. Thanks again
Hello, I really like your content. Would you consider producing videos on React & NextJS in accordance with real business logic? In your previous videos, your file structure, the architecture you built, your component creation logic & hierarchies and your approaches on many topics were very effective. You show great solutions to the problems that a frontend developer will face in a real project. I hope to see more of such project-based coding content and ideal solutions, best regards.
Hi sir, before everything, a big thanks to you, I have learnt so much from your channel. Your way of teaching is very intuitive to me. I have a request, can you make a video breaking down/recreating Exoape's menu? I find it interesting in a lot of ways. Again, thank you for all your content!
Ooooh I love this animation!! Thank you, will add it to my list!
Nice vid, also which font are you using?
I wanna buy your course, finish it! Or have me beta test it haha
Next week the first 3 modules will be live!
vs code theme name ?
It’s called Bearded Theme (Arc)!