The State of CSS 2021: 形狀 & 圖形

形狀 & 圖形

控制形狀與元素的顯示方式。

段落連結CSS 形狀 (Shape)

	從未聽過
	知道是什麼
	已經有用過

2019
2020
2021

段落連結`object-fit`

	從未聽過
	知道是什麼
	已經有用過

2019
2020
2021

段落連結`clip-path`

	從未聽過
	知道是什麼
	已經有用過

2019
2020
2021

段落連結CSS 遮罩 (Mask)

	從未聽過
	知道是什麼
	已經有用過

2019
2020
2021

💡

分享分頁可以輕鬆地分享任何圖表，甚至下載為圖片。

段落連結混合模式 (Blend Modes)

	從未聽過
	知道是什麼
	已經有用過

2019
2020
2021

段落連結CSS 濾鏡效果

	從未聽過
	知道是什麼
	已經有用過

2019
2020
2021

段落連結`backdrop-filter`

	從未聽過
	知道是什麼
	已經有用過

2020
2021

段落連結`color-gamut`

	從未聽過
	知道是什麼
	已經有用過

2020
2021

段落連結`perspective`

	從未聽過
	知道是什麼
	已經有用過

2020
2021

段落連結內容物尺寸 (Intrinsic Sizing)

	從未聽過
	知道是什麼
	已經有用過

2021

段落連結`conic-gradient()`

	從未聽過
	知道是什麼
	已經有用過

2021

段落連結`color()`

	從未聽過
	知道是什麼
	已經有用過

2021

段落連結`accent-color`

	從未聽過
	知道是什麼
	已經有用過

2021

段落連結推薦資源

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

感謝贊助我們的伙伴！深入瞭解。

形狀 & 圖形

段落連結CSS 形狀 (Shape) Sponsor This Chart

段落連結object-fit Sponsor This Chart

段落連結clip-path Sponsor This Chart

段落連結CSS 遮罩 (Mask) Sponsor This Chart

段落連結混合模式 (Blend Modes) Sponsor This Chart

段落連結CSS 濾鏡效果 Sponsor This Chart

段落連結backdrop-filter Sponsor This Chart

段落連結color-gamut Sponsor This Chart

段落連結perspective Sponsor This Chart

段落連結內容物尺寸 (Intrinsic Sizing) Sponsor This Chart

段落連結conic-gradient() Sponsor This Chart

段落連結color() Sponsor This Chart

段落連結accent-color Sponsor This Chart