The main improvement of oklch (OKLAB), as far as I understand it, is that it interpolates colors "better" that rgb or hsv would. So it doesn't exactly show more vibrant colors (it's not tied to a better display technology for example, so it's tied to browser support, not hardware). But when you use it for gradients, the middle part between two vibrant colors (especially if they're farther apart on the color wheel) is going to be less gray and washed out compared to using rgb or hsv. Hope it's helpful cheers
Wow, thank you so much! Really appreciate the explanation! I thought Oklch was a wider color spectrum being capable of rendering colors that older devices might not be able to show (they fallback though). And because of that wider spectrum you can see more vibrant (or less washed out) colors. Really interesting to read your explanation and see what the result on for example gradients then can be. Thanks again for sharing it! So many great new css features lately, no time to dive into all of them yet, haha.
@@frontendfyi absolutely, there's never enough time to perfectly keep up with everything 😄. Glad it was helpful and thank you so much for all the great videos
Wow the particles animation. That’s very cool! I think you’d almost need an canvas animation to create so many particles. Not sure if you can do it with just css! Love the animation though!
The main improvement of oklch (OKLAB), as far as I understand it, is that it interpolates colors "better" that rgb or hsv would. So it doesn't exactly show more vibrant colors (it's not tied to a better display technology for example, so it's tied to browser support, not hardware). But when you use it for gradients, the middle part between two vibrant colors (especially if they're farther apart on the color wheel) is going to be less gray and washed out compared to using rgb or hsv.
Hope it's helpful cheers
Wow, thank you so much! Really appreciate the explanation!
I thought Oklch was a wider color spectrum being capable of rendering colors that older devices might not be able to show (they fallback though). And because of that wider spectrum you can see more vibrant (or less washed out) colors.
Really interesting to read your explanation and see what the result on for example gradients then can be.
Thanks again for sharing it! So many great new css features lately, no time to dive into all of them yet, haha.
@@frontendfyi absolutely, there's never enough time to perfectly keep up with everything 😄. Glad it was helpful and thank you so much for all the great videos
you're so good at this. you should create a mordern css tutorial is possible! i have not touched css since flex and grid 😅
Thanks for the compliment, really appreciate it!
is it possible to make this window state animation with react or next js ? Source : ua-cam.com/video/4LwHH3r2qNY/v-deo.html
Hi, your video very good. But Telegram latest update have special delete animation so smooth, can you made like that? Hope you reply
Wow the particles animation. That’s very cool! I think you’d almost need an canvas animation to create so many particles. Not sure if you can do it with just css! Love the animation though!