前端工程日記 30日名片設計

六角形div div

九四帥 2021-06-08 11:29:27 ‧ 929 瀏覽

分享至

如圖

pancode:

div 設計成各種形狀三角形。五角形六角形的方法

製作參考引用
https://www.oxxostudio.tw/articles/201503/css-regular-polygon-transform.html

正六邊形
正六邊形的每個夾角是 120 度，如果以純 CSS 的方向來看的話，就是把正五邊形上面的三角形改變一下，就可以做出正六邊形，也就是變成上下兩個梯形的組合而已，梯形的長邊為 200px ( 100 x cos(60) x 2 + 100 )，梯形的高度為 87px ( 100 x sin(60) )。