May 2023 web platform update
Now widely available on the web platform
Widely available
-
Conic gradients: The
conic-gradient()
andrepeating-conic-gradient()
CSS functions create backgrounds that progress between two or more colors around a center point. Learn more.
Newly available on the web platform
Newly available
-
color(): The
color()
function defines a color within a given color space. Wide gamut color spaces likedisplay-p3
allow showing more vibrant and saturated colors than the standardsrgb
color space. Learn more. -
color-mix(): The
color-mix()
function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black. Learn more. -
Compression streams: The
CompressionStream
andDecompressionStream
interfaces compress and decompress data using the gzip or deflate formats. Learn more. -
Lab and LCH: The CIE Lab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is. LCH is a variant of Lab with polar coordinates. These color spaces can be used with the CSS
color()
,lab()
, andlch()
functions. Also known as CIELAB and CIELCH. Learn more. -
:nth-child() of <selector>: The
of
syntax for the:nth-child()
and:nth-last-child()
CSS functional pseudo-classes match elements by the relative position of elements, counted from the first or last sibling matching a selector list. Learn more. -
Oklab and Oklch: The Oklab color space expresses colors in terms of lightness and how red/green and blue/yellow a color is, aiming to match how humans perceive colors. Oklch is a variant of Oklab with polar coordinates. These color spaces can be used with the CSS
color()
,oklab()
, andoklch()
functions. Learn more. -
WebRTC SCTP information: The
sctp
object onRTCPeerConnection
represents the negotiated SCTP transport. SCTP (Stream Control Transmission Protocol) is the protocol thatRTCDataChannel
uses. Learn more.
Now available in Chrome
Limited availability
-
image-set(): The
image-set()
CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities. Learn more. -
linear() easing: The
linear()
easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect. Learn more. -
Popover: The
popover
HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using theshowPopover()
method. Learn more. -
scrollend: The
scrollend
event fires when an element or document has finished scrolling. Learn more. -
text-wrap: balance: The
text-wrap: balance
CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing. Learn more. -
text-wrap: nowrap: The
text-wrap: nowrap
CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead. Learn more. -
Transferable ArrayBuffer: The
transfer()
andtransferToFixedLength()
methods ofArrayBuffer
move a buffer from one context to another (for example, to a worker). Learn more.
Now available in Chrome Android
Limited availability
-
image-set(): The
image-set()
CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities. Learn more. -
linear() easing: The
linear()
easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect. Learn more. -
Popover: The
popover
HTML attribute creates an overlay to display content on top of other page content. Popovers can be shown declaratively using HTML, or using theshowPopover()
method. Learn more. -
scrollend: The
scrollend
event fires when an element or document has finished scrolling. Learn more. -
text-wrap: balance: The
text-wrap: balance
CSS declaration balances the length of each line when text is broken into multiple lines. Also known as headline balancing. Learn more. -
text-wrap: nowrap: The
text-wrap: nowrap
CSS declaration prevents text breaking into multiple lines. Text that doesn't fit overflows instead. Learn more. -
Transferable ArrayBuffer: The
transfer()
andtransferToFixedLength()
methods ofArrayBuffer
move a buffer from one context to another (for example, to a worker). Learn more.
Now available in Edge
Limited availability
-
image-set(): The
image-set()
CSS function provides a set of images at different resolutions or pixel densities, which the browser can pick from, depending on the device capabilities. Learn more. -
linear() easing: The
linear()
easing function for animations and transitions interpolates linearly between the control points, and can be used to approximate complex easing functions, such as a bounce effect. Learn more.
Now available in Firefox
Limited availability
-
Canvas reset(): The
reset()
method clears a canvas to its initial state. Learn more.
Now available in Firefox for Android
Limited availability
-
Canvas reset(): The
reset()
method clears a canvas to its initial state. Learn more.
Now available in Safari
Limited availability
-
:user-valid and :user-invalid: The
:user-valid
and:user-invalid
pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints. Learn more.
Now available in Safari on iOS
Limited availability
-
:user-valid and :user-invalid: The
:user-valid
and:user-invalid
pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints. Learn more.