iT邦幫忙

0

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

如圖

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) )。


尚未有邦友留言

立即登入留言