← Back to release summary

CSS Trigonometric functions

Category

CSS

Type

Chromium catches up

Status

Enabled by default (Chrome 111)

Intent stage

None

• Breaking change: No
• Enterprise impact: None
• Spec maturity: Working draft
• Web Platform Tests: Yes

WPT details: https://wpt.fyi/results/css/css-values/sin-cos-tan-serialize.html https://wpt.fyi/results/css/css-values/sin-cos-tan-computed.html https://wpt.fyi/results/css/css-values/sin-cos-tan-invalid.html https://wpt.fyi/results/css/css-values/acos-asin-atan-atan2-serialize.html https://wpt.fyi/results/css/css-values/acos-asin-atan-atan2-computed.html https://wpt.fyi/results/css/css-values/acos-asin-atan-atan2-invalid.html

Summary

Add trigonometric functions sin(), cos(), tan(), asin(), acos(), atan(), atan2() to CSS math expressions. MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions#trigonometric_functions

Motivation

This feature improves conformance with the spec.

Standards & signals

• Specification: https://www.w3.org/TR/css-values-4/#trig-funcs
• Firefox: Shipped/Shipping
• Safari: Shipped/Shipping
• Web developers: No signals
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=1190444

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=css%2Fcss-values%2Fsin-cos-tan-serialize
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+CSS%20Trigonometric%20functions
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=CSS%20Trigonometric%20functions
• Baseline status: https://webstatus.dev/?q=CSS%20Trigonometric%20functions

Explainers: https://github.com/DevSDK/css-trigonometric-functions/blob/main/Explainer.md

View on chromestatus.com