콘텐츠로 건너뛰기

CSS Usage

How you use CSS.

Testing Environments

While testing environments don't show much change year over year, it's encouraging to see a small increase in respondents testing with keyboard-only and screen readers.

It's also interesting to note that when comparing with company size, larger companies tend to test using screen readers at a higher rate.

Which form factors or environments do you test on?
Multiple
0%
20%
40%
60%
80%
100%
1

데스크톱

4,010
2

스마트폰

2,718
3

태블릿

1,777
4

데스크톱을 키보드로만 조작

1,337
5

테스트 도구 (Axe, Lighthouse, etc.)

1,138
6

피쳐폰

1,051
7

스크린 리더

874
8

프린터

450
9

PDF Export

289
10

변화된 시각 시뮬레이터 (색맹, etc.)

-1
249
0%
20%
40%
60%
80%
100%
% of question respondents
💡
트위터, 페이스북 또는 이메일로 이 설문 조사를 공유하면 자바스크립트 성능이 최대 15% 향상된 것으로 과학적으로 입증되었습니다.

While CSS started its life as a document layout system, it's now clear that interactive apps represent its primary use case–a fact that has been no doubt driving the language's recent evolution.

What kind of project do you usually use CSS for?
Multiple
0%
20%
40%
60%
80%
100%
1

Web apps

3,286
2

Blogs or other text-heavy sites

1,992
3

Marketing sites & landing pages

1,772
4

Design systems

1,569
5

Desktop apps

1,014
6

Mobile apps

872
7

Emails

697
8

PDF documents

392
9

CSS art & illustrations

-1
365
10

Printed documents

-1
300
11

E-Commerce sites

-1
12

Other Answers

-1
68
0%
20%
40%
60%
80%
100%
% of question respondents
We asked members of the CSS community to share their “pick of the year”

My 2025 Pick: Combining features

My pick not as much a single feature that changes things, as it is the way multiple features can be used together.

For example, subgrid + the new corner-shape (or the shape() clip-path function) to get content-dependant shapes with concave roundings that aren't necessarily circular.

We asked members of the CSS community to share their “pick of the year”

Ana Tudor

CSS Mad Scientist

Many of us are building tools destined to be used internally within the developer community, which makes it much easier to adopt new features without worrying as much about browser compatibility.

어느 직종에서 일하고 있나요?
Multiple
0%
20%
40%
60%
80%
100%
1

프로그래밍 & 기술적 도구

1,264
2

컨설팅 & 서비스

798
3

전자상거래 & 소매업

596
4

마케팅/영업/분석 도구

477
5

교육

460
6

금융

385
7

엔터테인먼트

337
8

뉴스, 미디어 & 블로깅

316
9

의료

280
10

정부 관계자

250
0%
20%
40%
60%
80%
100%
% of question respondents
9%
Year-over-year percentage increase in respondents who wish they could use Anchor Positioning.

Browser Incompatibilities

Not only did Anchor Positioning keep its number one spot, but the percentage of respondents citing it almost doubled.

The View Transition API also climbed to number 3, while Container style queries gained a whopping 11 spots in the rankings.

On the other hand, CSS Nesting and :has() both lost ground, which makes sense since these features are now supported in all major browsers.

Are there any existing CSS features that you have difficulties using (or avoid altogether) because of lack of support, or differences between browsers?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

2

3

+2
4

Browser support

+5
5

Safari issues

6

+11
7

-3
8

-5
9

10

Scoping

0%
20%
40%
60%
80%
100%
% of question respondents
We asked members of the CSS community to share their “pick of the year”

My 2025 Pick: CSS Math Functions

Math is the language of the universe, of life itself, and without it, we wouldn’t be able to describe, measure, or build anything with clarity.

So the fact that we can now use these functions natively in CSS only strengthens our capabilities and opens up a whole world of new possibilities.

We asked members of the CSS community to share their “pick of the year”

Amit Sheen

Web Developer & Creative Coder

Missing Features

Mixins are still the feature developers wish for the most, closely followed by Masonry Layout. Both have long been possible using workarounds such as pre-processors or JavaScript, but it would be nice to see them natively supported in CSS!

What features do you feel are currently missing from CSS altogether?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

Mixins

2

Masonry Layout

+1
3

Conditional Logic

-1
4

+1
5

For Loops

+3
6

Better Animations

+1
7

Form Elements Styling

+8
8

Parent Selector

-4
9

Scoping

10

+6
0%
20%
40%
60%
80%
100%
% of question respondents

Other CSS Pain Points

Browser Support may still be the dominant CSS pain point in 2025, but the fact that only a relatively small 10% of question respondents mentioned it is a testament to recent improvements in this domain.

Any other pain points related to writing CSS?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

Browser support

2

Speed of change

3

Excessive complexity

5

Excessive Tailwind usage

6

Debugging

7

Hard-to-remember syntax

8

Conditional Logic

9

Layout & positioning

10

Other Answers

Answers matching “Other Answers” 431
0%
20%
40%
60%
80%
100%
% of question respondents

Favorite New Feature

While :has() is still number one, it did lose a bit of ground, as the View Transition API and especially Anchor Positioning (which gained 8 spots) start seeing wider adoption.

What are your favorite new CSS features that you started using this year?
(자유 형식 질문)
Multiple
0%
20%
40%
60%
80%
100%
1

2

+1
3

4

+2
5

+8
6

-2
7

+4
8

-1
9

-4
10

+4
0%
20%
40%
60%
80%
100%
% of question respondents
We asked members of the CSS community to share their “pick of the year”

My 2025 Pick: Picalilli

I've been following Piccalili for a while and I love that they have free technical articles alongside more in-depth paid courses so you can pick what flavor of learning you're up for. And as a business, they're so thoughtful about understanding the web community and making ethical business decisions that allow them to do great work without feeling icky about how they make money.
We asked members of the CSS community to share their “pick of the year”

Saron Yitbarek

Web Evangelist at Apple

Game-changing Feature

Every new CSS feature has its use, but only a few of them are real game-changers. It turns out Grid, :has(), and CSS Nesting are the features that most changed how we write CSS in recent years.

Over the past 5 years, which feature has had the biggest impact on how you write CSS?
0%
20%
40%
60%
80%
100%
1

2

3

4

5

6

7

8

9

10

0%
20%
40%
60%
80%
100%
% of question respondents

Baseline Awareness

We wanted to see how familiar respondents are with the Baseline browser compatibility indicator (which you can see in use throughout these very survey results!).

Despite our clever traps in the form of fake answers, the vast majority of you successfuly negotiated the question! Younger respondents in particular showed higher awareness of Baseline, no doubt due to the recent Baseline integration in Fortnite (…just kidding).

Quiz time! Web Platform Baseline is…
0%
20%
40%
60%
80%
100%
1

A set of new text layout features

46
2

An in-browser performance testing tool

40
3

A set of web features and APIs supported by all major browsers

2,741
4

A set of code examples to reuse across projects

23
5

I have no idea

1,007
0%
20%
40%
60%
80%
100%
% of question respondents

Pace of Change

Adopting a new feature is usually a multi-stage process: first, you hear about it a few times over the course of months or years, until you form a solid idea of what it does. Then, you might try it out on an experimental side project, before finally adopting it in production.

This chart shows that most of us are squarely in the middle of this journey, having learned about and tried out only part of the feature set presented in this survevy.

How well are you generally able to keep up with new CSS features, such as those mentioned in this survey?
0%
20%
40%
60%
80%
100%
1

I haven't learned about or tried out most features

541
2

I've learned about some of the features; but haven't tried them out

942
3

I've learned about and tried out some of the features

1,324
4

I've learned about most of the features and tried out some of them

804
5

I've learned about and tried out most of the features

244
0%
20%
40%
60%
80%
100%
% of question respondents
We asked members of the CSS community to share their “pick of the year”

My 2025 Pick: The light-dark() Function

Once using color-scheme in CSS, using light-dark() to declare colors based upon whether light or dark mode is currently in use feels like a no-brainer. I'm currently enjoying following this discussion thread about what further logic we may use in the future, to query color-scheme and change CSS conditionally.
We asked members of the CSS community to share their “pick of the year”

Sara Joy

Front End Developer

Web Technologies Happiness

Happiness with the web has been fairly stable over the past years, neither going up or down.

How happy are you with the general state of web technologies?
1
2
3
4
5
2020
2021
2022
2023
2024
2025
1
2
3
4
5
Average

On the other hand, happiness with CSS specifically shows a clear upwards trend in recent years, which happens to align nicely with the language's own rapid pace of improvement.

How happy are you with the general state of CSS?
1
2
3
4
5
2020
2021
2022
2023
2024
2025
1
2
3
4
5
Average

추천하는 리소스

Getting Started with CSS, v2
Jen Kramer
AnnieCannons

Getting Started with CSS, v2

Build a modern portfolio with CSS! Learn the foundations of layout and UI design as you explore semantic HTML markup, navigation styles, media queries, and CSS custom properties.
SVG Essentials & Animation, v2
Sarah Drasner
Google

SVG Essentials & Animation, v2

In this course, you'll learn to create immersive graphics and make them alive with animations!
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.