Skip to content

The State of CSS 2021

[id-ID] general.back_to_intro

Bentuk & Grafik

Mengontrol bentuk dan tampilan element.

CSS Shapes

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2019
31.1% 31.1% 47.4% 47.4% 21.6% 21.6%
2020
38.5% 38.5% 38% 38% 23.6% 23.6%
2021
41.6% 41.6% 35.3% 35.3% 23.3% 23.3%

object-fit

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2019
36.9% 36.9% 20.7% 20.7% 42.6% 42.6%
2020
24.6% 24.6% 15.1% 15.1% 60.5% 60.5%
2021
17.7% 17.7% 13.3% 13.3% 69.2% 69.2%

clip-path

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2019
21.9% 21.9% 39.3% 39.3% 38.9% 38.9%
2020
19.7% 19.7% 31.3% 31.3% 49.1% 49.1%
2021
14.2% 14.2% 29.9% 29.9% 56.1% 56.1%

CSS Masks

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2019
28.2% 28.2% 45.3% 45.3% 26.6% 26.6%
2020
28% 28% 40.6% 40.6% 31.5% 31.5%
2021
27.7% 27.7% 38.7% 38.7% 33.8% 33.8%
💡

The Share tab makes it easy to share any chart, or even download it as an image.

Blend Modes

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2019
30.5% 30.5% 35.6% 35.6% 34% 34%
2020
38.6% 38.6% 27.5% 27.5% 34.1% 34.1%
2021
31.8% 31.8% 29.4% 29.4% 38.9% 38.9%

CSS Filter Effects

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2019
13.1% 13.1% 28% 28% 59% 59%
2020
15.4% 15.4% 22.6% 22.6% 62.2% 62.2%
2021
12.5% 12.5% 21.8% 21.8% 65.9% 65.9%

backdrop-filter

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2020
50% 50% 23.6% 23.6% 26.5% 26.5%
2021
40.3% 40.3% 23.8% 23.8% 36% 36%

color-gamut

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2020
87.7% 87.7% 11.6% 11.6%
2021
81.2% 81.2% 17.3% 17.3%

perspective

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2020
40% 40% 23.4% 23.4% 36.8% 36.8%
2021
51.9% 51.9% 21.8% 21.8% 26.5% 26.5%

Intrinsic Sizing

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2021
32.2% 32.2% 20.2% 20.2% 47.7% 47.7%

conic-gradient()

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2021
60% 60% 30.7% 30.7% 9.5% 9.5%

color()

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2021
60.9% 60.9% 23.8% 23.8% 15.4% 15.4%

accent-color

Customize Data
Tidak pernah mendengarnya
Tahu tentang itu
Telah menggunakannya
2021
61.8% 61.8% 31.1% 31.1%

Recommended Resources

SVG Essentials & Animation, v2

SVG Essentials & Animation, v2

Learn to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites. I
Thanks to our partners for supporting us! Learn more.