形狀 & 圖形

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

Shapes
完成百分比： 88.9% (10222)
完成百分比： 88.9% (10222)

輸出
百分比%
數量Σ

2019

21.6% 21.6% 47.4% 47.4% 31% 31%

2020

23.6% 23.6% 38% 38% 38.5% 38.5%
已經有用過
知道是什麼
從未聽過

object-fit
完成百分比： 89.1% (10235)
完成百分比： 89.1% (10235)

輸出
百分比%
數量Σ

2019

42.6% 42.6% 20.6% 20.6% 36.8% 36.8%

2020

60.4% 60.4% 15% 15% 24.5% 24.5%
已經有用過
知道是什麼
從未聽過

clip-path
完成百分比： 89.1% (10237)
完成百分比： 89.1% (10237)

輸出
百分比%
數量Σ

2019

38.9% 38.9% 39.3% 39.3% 21.8% 21.8%

2020

49.1% 49.1% 31.2% 31.2% 19.7% 19.7%
已經有用過
知道是什麼
從未聽過

Masking
完成百分比： 89.1% (10240)
完成百分比： 89.1% (10240)

輸出
百分比%
數量Σ

2019

26.5% 26.5% 45.3% 45.3% 28.2% 28.2%

2020

31.5% 31.5% 40.5% 40.5% 28% 28%
已經有用過
知道是什麼
從未聽過

blend-mode
完成百分比： 89.1% (10244)
完成百分比： 89.1% (10244)

輸出
百分比%
數量Σ

2019

33.9% 33.9% 35.6% 35.6% 30.5% 30.5%

2020

34% 34% 27.5% 27.5% 38.5% 38.5%
已經有用過
知道是什麼
從未聽過

Filters & Effects
完成百分比： 89.3% (10262)
完成百分比： 89.3% (10262)

輸出
百分比%
數量Σ

2019

59% 59% 27.9% 27.9% 13.1% 13.1%

2020

62.1% 62.1% 22.5% 22.5% 15.3% 15.3%
已經有用過
知道是什麼
從未聽過

backdrop-filter
完成百分比： 89.4% (10274)
完成百分比： 89.4% (10274)

輸出
百分比%
數量Σ

2020

26.5% 26.5% 23.6% 23.6% 49.9% 49.9%
已經有用過
知道是什麼
從未聽過

推薦資源

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
感謝贊助我們的伙伴！ 深入瞭解。
« 前一項： 版面安排後一項： 互動 »
Charts built with Nivo. 存放在 Netlify。
有問題？發現臭蟲？請填寫 Issue。 Join us on Discord.
Press option/alt to enable translator mode.