BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1219
Search:
Showing 8 of 8 features

2024

8 features
• September 2024
Newly Available

The from keyword for color functions (color(), hsl(), oklch(), etc.) creates a new color based on a given color by modifying the values of the input color. Also known as relative color syntax (RCS).

Chrome 125
Firefox 128
Safari 18
Edge 125
Baseline Date: Sep 16, 2024
Newly Available

The backdrop-filter CSS property applies graphical effects such as blurring or color shifting to the area behind an element.

Chrome 76
Firefox 103
Safari 18
Edge 79
Baseline Date: Sep 16, 2024
• August 2024
Newly Available

The @starting-style CSS at-rule sets the starting values for properties that are transitioning when the target element's style is first updated.

Chrome 117
Firefox 129
Safari 17.5
Edge 117
Baseline Date: Aug 6, 2024
• July 2024

The / notation in content CSS property values adds alternative text to generated content. For example, the content: url('upvote-icon.svg') / 'Upvote' declaration adds accessible 'Upvote' text to the SVG icon. Also known as alternate text.

Chrome 77
Firefox 128
Safari 17.4
Edge 79
Baseline Date: Jul 9, 2024
• May 2024
Newly Available

The round(), mod(), and rem() CSS functions compute rounded values and the remainder after division.

Chrome 125
Firefox 118
Safari 17.2
Edge 125
Baseline Date: May 17, 2024
Newly Available

The light-dark() CSS function accepts two colors and uses one depending on the current color scheme.

Chrome 123
Firefox 120
Safari 17.5
Edge 123
Baseline Date: May 13, 2024
• April 2024
Newly Available

The writing-mode CSS property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode is vertical-lr or vertical-rl. The direction CSS property sets whether inputs flow from top to bottom or bottom to top.

Chrome 124
Firefox 120
Safari 17.4
Edge 124
Baseline Date: Apr 18, 2024
• March 2024
Widely Available

The paint-order CSS property sets the z-order of strokes, fills, and (in SVG content) markers. For example, paint-order: markers stroke fill; draws the markers, then stroke on top of markers, then fill on top of both markers and stroke.

Chrome 123
Firefox ≤66
Safari ≤12
Edge 123
Baseline Date: Mar 22, 2024