As web developers, we've all experienced those moments of frustration when dealing with CSS. From centering divs to managing dark mode transitions,...
For further actions, you may consider blocking this person and/or reporting abuse
Nice! I managed to animate my website's navbar with
interpolate-size: allow-keywords;Thanks
Im happy that hellped you , good job
Please keep in mind that this feature is not widely supported by all major browsers. You can take a look here to see which browsers are supported, but sadly for now not many of them developer.mozilla.org/en-US/docs/W...
Yo! Those are awesome. Be aware of browser support tho.
However, the
@propertyis insane! I really like this one, and I think the future of vanilla CSS is bright, when we start seeing stuff like this. Damn.Vanilla CSS is good, but it always gets overtaken by the libraries.
Nice post! There's also a video by Fireship on YouTube that covers the same CSS techniques. :)
I made a post about the new logo recently, too!
CSS has a new logo (and new features)! 🎉
Best Codes ・ Nov 23
Hello, thank you.
Yes, I already mentioned in the comment below that this article is inspired by a fireship video; I guess I should add it to the post.
and thank you for sharing your post.
Great article! For anyone interested in more modern CSS tips, I recently wrote an article that might be helpful: Modern CSS Tips & Tricks to Boost Your Workflow.
Thank you.
This looks like a copy of Fireship's video:
CSS just changed forever… plus 7 new features you don't know about
youtube.com/watch?v=A89FMtIkWKc
Just with different words.......
Yes, you are right. I like Fireship content, and I definitely got inspired from his video to write this article and add examples. I don't see any problem with that, to be honest. It's like you read the documentation from an official website and decide to make an article about it.
Thank you for your comment.
Great article, just FYI:
interpolate-sizeis not yet available for all the browsers, so I wouldn't use it in production yet.I think it is available for Chrome and Firefox.
Based on the MDN documentation, it's only available for Chrome at the moment. But let's see, maybe it will become more available next year.
Heck yeah! I saw the fireship video and have been updating things for a few days here. calc-size is about my favorite thing. It has so many uses outside of vertical animations.
Great news for all of us, and a terrific write up!
Thank you.
CSS is definitely programming, and even more now.
Starting style is HUGE
Great article! Thank you.
Thank you.
Thank you. I'm excited to implement some of these.
You welcome.
thank you for sharing.
It's nice to see CSS get a new look. Thanks for covering it!
You welcome.
Nice one.
Thnak you.
wonderful