Feature: Trigonometric functions (sin(), cos() etc)

[LeaVerou]

Spec: https://drafts.csswg.org/css-values/#trig-funcs
MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Functions

(Split off from #1)

[SebastianZ]

I believe it is too early to add those. Is there actually already support for them somewhere?

Sebastian

[ramiy]

Browser Support:

CSS trigonometric functions are already supported by Safari/Webkit. Lately Chromium is showing strong signs they will add support soon.

Documentation:

I have created new pages for CSS trig functions in MDN, not all are merged yet but we will finish documenting all the functions by the time the survey will be out.

In addition, I updated MDN browser compatibility data for all the supported trig functions, and the syntaxes for all the CSS math functions.

By the time we have cross-browser compatibility, developers will have all the necessary documentation.

Increase Awareness:

Mentioning the trig functions in the survey will help browser vendors to prioritize development.

[SebastianZ]

Browser Support:

CSS trigonometric functions are already supported by Safari/Webkit. Lately Chromium is showing strong signs they will add support soon.

Oh, I had no idea about that! And I was just told that Gecko actually also already has an experimental implementation.

Documentation:

I have created new pages for CSS trig functions in MDN, not all are merged yet but we will finish documenting all the functions by the time the survey will be out.

In addition, I updated MDN browser compatibility data for all the supported trig functions, and the syntaxes for all the CSS math functions.

By the time we have cross-browser compatibility, developers will have all the necessary documentation.

👍🏻

Increase Awareness:

Mentioning the trig functions in the survey will help browser vendors to prioritize development.

As it seems that all three major browser engines are already working on their implementation or even shipping these functions, I guess the main purpose is rather to increase authors awareness, at this point in time.

Sebastian

[ramiy]

I guess the main purpose is rather to increase authors awareness, at this point in time.

There is no better way to do it than The State of CSS. Each year developers learn new things about CSS. In 2022, trig functions can be the new kid in the block.

[SebastianZ]

Just an update on the Gecko implementation. They got enabled by default on Nightly last week and bug 1787070 was created to enable them by default everywhere. So I assume they will ship in Firefox 106 or 107.

Sebastian