Tautan menuju bagianAll Features
Of all the features included in the survey, :has() is both the most-used and the most-loved one. Also worth pointing out: Subgrid gets second place in the most-loved rankings, while aspect-ratio is #2 in usage and #3 in sentiment.
After Subgrid, line-clamp got the most comments, many of them from respondents with a negative opinion of the feature.
The least-used features were sibling-count and sibling-index, which makes sense since their browser support is still very new and limited. And the least-loved feature overall was Trigonometric Functions… no doubt due to the “trigonometry” part!
Finally, be sure to filter by “Widely Available” Baseline Status to see what features are available to use right now!
Category:
Baseline Status:
Kelompokkan berdasarkan:
Urutkan berdasarkan:
Pengalaman
- <span aria-hidden="true">🤓</span> Sudah pakai: Responden yang sudah pakai.
- <span aria-hidden="true">👀</span> Pernah dengar: Responden yang sudah dengar, tetapi belum pernah pakai.
- <span aria-hidden="true">🤷</span> Belum pernah dengar: Responden yang belum pernah dengar.
Sentimen
- Positif: Responden yang tertarik untuk belajar tentang sebuah teknologi; atau yang ingin menggunakannya lagi.
- Netral: Responden yang tidak memiliki sentimen akan sebuah teknologi.
- Negatif: Responden yang tidak tertarik untuk belajar tentang sebuah teknologi; atau yang sudah pernah pakai dan memiliki pengalaman negatif.
Tautan menuju bagianFeatures Over Time
Looking at trends over time and in context paints quite an interesting picture. The feature with the single largest year-over-year usage increase is text-wrap: pretty, while the one with the largest awareness increase is light-dark().
Color functions also stand out for placing towards the bottom of the chart in terms of usage, which might mean they haven't yet found their audience.
Finally, the Appreciation tab lets us look at the difference in positivity between respondents interested in a feature and those who have actually used it. Anchor positioning shows a -12% drop-off, which could mean that the API isn't as user-friendly as people expect.
My 2025 Pick: linear() Easing Generator
linear() timing function has quickly become one of my favourite modern features, and this lovely tool makes it easy to quickly generate CSS springs from JS logic!Josh W. Comeau
Tautan menuju bagianLayout Pain Points
While Grid is undeniably powerful, that power also comes with a steep learning curve that can turn using this fairly complex feature into a real pain point.
Further down the rankings, dealing with height, overflow, positioning, and alignment still all prove to be common issues for CSS developers.
Tautan menuju bagianShapes & Graphics Pain Points
Now that we're fairly comfortable with rectangles, we've started looking towards the wider world of triangles, circles, and polygons. Sadly drawing these complex shapes remains tough with CSS only.
Which is why many of us resort to SVG–which is not without its own issues.
Tautan menuju bagianColors Pain Points
Many respondents would like CSS to go beyond the light/dark dichotomy, and actually provide more tools for managing full-fledged theming, as well as do a better job ensuring proper contrast when picking colors.
And while new color spaces such as oklch() are certainly powerful, they also come with their own range of issues.
Tautan menuju bagianInteractions Pain Points
While many of us are waiting for better browser support for scroll-driven animations, others are pointing out potential accessibility issues with new interaction patterns such as carousels.
Another common pain point was the difficulty of “animating to auto”, something that is thankfully now possible!
My 2025 Pick: text-wrap: balance;
Kilian Valkhof
Tautan menuju bagianTypography Pain Points
Controlling vertical text alignment (a.k.a. leading) in the browser has been an issue for as long as I can remember. Thankfully text-box-edge and text-box-trim promise to give us more granular tools to properly set type online.
Tautan menuju bagianMath Features Pain Points
Many respondents has gripes about calc(), especially when it comes to handling units inside calculations.
Tautan menuju bagianOther Features Pain Points
No surprise here, but Browser Support remains the top pain point for the CSS features mentioned in this section.
My 2025 Pick: Font Clamp Generators
Ana Rodrigues
Tautan menuju bagianDaftar Baca
Little-known ::target-text (only 82% of respondents had never heard of it) tops the Reading List rankings of the features respondents were most curious about.
Tautan menuju bagianRekomendasi Sumber
Ultimate CSS Grid & Layout Techniques, v3
