Chrome 111 went stable this week. One of its many features is support for Trigonometric Functions in CSS. That means that you can now use cos()
, sin()
, tan()
, and friends inside of calc()
! That also means this feature is now available in all major browsers.
Over at web.dev you can find an article I wrote about it. Covered are what those functions mean, how to use them, and some basic demos to demonstrate it all.
I completely agree that the support for Trigonometric Functions in CSS is a game-changer for web development. This update allows designers to create more complex and dynamic layouts without relying on JavaScript. Your article on web.dev provides helpful explanations and examples for those looking to integrate this feature into their projects.