完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201506/css-3d-platonic-solid-1.html
摘要:
繼 上一篇 我們理解了 CSS 3D 的箇中原理之後,廢話就不用多說,直接來畫正多面體吧!只要正多面體可以畫出來,基本上在 CSS 3D 的領域裡,大概就沒甚麼難得倒我們了。 首先看一下 維基百科,對於正多面體的介紹:「多面體,或稱柏拉圖立體, 指各面都是全等的正多邊形且每一個頂點所接的面數都是一樣的凸多面體。」簡單來說,就是非常對稱的立方體,而且每一個面都是由正多邊形組成,因此在這一篇,將會畫出正四面體、正六面體。 開始之前,如果有不會用 CSS 畫正多邊形的,請先參考我之前寫過的:單一 div 的正多邊形變換 ( 純 CSS )
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201506/css-3d-platonic-solid-1.html
摘要:
繼 上一篇 我們理解了 CSS 3D 的箇中原理之後,廢話就不用多說,直接來畫正多面體吧!只要正多面體可以畫出來,基本上在 CSS 3D 的領域裡,大概就沒甚麼難得倒我們了。 首先看一下 維基百科,對於正多面體的介紹:「多面體,或稱柏拉圖立體, 指各面都是全等的正多邊形且每一個頂點所接的面數都是一樣的凸多面體。」簡單來說,就是非常對稱的立方體,而且每一個面都是由正多邊形組成,因此在這一篇,將會畫出正四面體、正六面體。 開始之前,如果有不會用 CSS 畫正多邊形的,請先參考我之前寫過的:單一 div 的正多邊形變換 ( 純 CSS )