CSS Feature Coverage & Adoption Stats

Real-time analytics about the CSS features covered on modern.css and their browser support landscape.

Overview

Total Snippets

CSS techniques & patterns

Avg Browser Support

% of global users

Support Range

–%

From cutting-edge to stable

Browsers Covered

Browser engines tracked

Baseline Status

Widely Available

Newly Available

Limited Availability

Not Tracked

By Difficulty

Beginner

Intermediate

Advanced

Browser Coverage

95%

Chrome

81 snippets

94%

Edge

80 snippets

75%

Firefox

64 snippets

82%

Safari

70 snippets

By Category

HTML

11 snippets

89%

Layout

25 snippets

89%

Animation

13 snippets

78%

Typography

1 snippet

Typography

7 snippets

91%

Workflow

12 snippets

81%

Color

8 snippets

79%

Selectors

8 snippets

78%

Feature Extremes

Most Supported

Data-Driven CSS Layouts with Typed attr()

Layout

99%

CSS Accordion with details and summary (No JavaScript)

HTML

96%

Center a Div in CSS with place-items: center

Layout

96%

CSS Feature Detection with @supports (No Modernizr)

Workflow

96%

Customizable CSS Select with appearance: base-select

HTML

96%

Least Supported

CSS contrast-color() for Readable Text

Colors

CSS :playing, :paused, :muted Pseudo-Classes for Media

Selectors

17%

CSS random() Function for Per-Element Random Values

Animation

19%

CSS if() Function for Inline Conditional Styles

Workflow

35%

CSS attr() with Type: Typed HTML Attribute Values

Workflow

42%