[css] 用css画一个五边形和一个六边形
生活随笔
收集整理的這篇文章主要介紹了
[css] 用css画一个五边形和一个六边形
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[css] 用css畫一個五邊形和一個六邊形
五邊形:clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%); 六邊形:clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); 七邊形:clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關(guān)前端面試題
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的[css] 用css画一个五边形和一个六边形的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: oracle练习(mldn视频)二
- 下一篇: 前端学习(2835):小程序中使用les