欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3d實現多邊形

錢諍諍2年前12瀏覽0評論

CSS3D在實現多邊形方面非常方便和靈活,下面我們將介紹如何使用CSS3D實現多邊形。

.polygon {
position: absolute;
width: 0;
height: 0;
border: 40px solid transparent;
border-bottom-color: red;
transform: rotateZ(120deg);
}
.polygon + .polygon {
border-bottom-color: blue;
transform: rotateZ(240deg);
}

在上面的代碼中,我們定義了一個類名為“polygon”的元素,它是一個等邊三角形。這個三角形的寬度和高度都是0,它之所以能夠呈現出來是因為我們設置了一個透明的邊框,并且只有下邊框的顏色是不透明的。通過旋轉這個三角形120度和240度,我們就可以得到一個六邊形。

如果你想要得到更復雜的多邊形,只需要在HTML中加入更多的類名為“polygon”的元素,并設置合適的樣式即可。

最終,你可以得到一個漂亮的多邊形。