CSS polygon() 函数

定义和用法

CSS polygon() 函数用于定义一个多边形。

polygon() 函数与 clip-path 属性和 shape-outside 属性一起使用。

实例

例子 1

将图像裁剪为多边形：

img {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

亲自试一试

例子 2

将图像裁剪为多边形：

img {
  clip-path: polygon(100% 0%, 50% 50%, 100% 100%);
}

亲自试一试

例子 3

使用 polygon()、clip-path 和 shape-outside：

img {
  float: left;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  shape-outside: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

亲自试一试

CSS 语法

polygon(fill-rule, length-percentage)

mishakati ya teknolojia

kufaa kwa browser

maneno ya kifaa cha browser zinaingia kwa kufaa kwa sababu ya hifadhi inayotumiwa kwanza.

paje za kina

Tazama:mashindano wa clip-path

Tazama:mashindano wa shape-outside

Tazama:Faačo la circle()

Tazama:Faačo la ellipse()

Tazama:Faačo la inset()