顯然這種效果不復雜，一張背景圖片，加上前面帶有透明度的多邊形圖層，在腳本控制下就可以轉起來了。但問題在于用什么方法來構建這個多邊形？

      在IE下可以用VML，其他瀏覽器可以用Canvas等等。雖然行的通，但都不是最簡單的。仔細分析下，該效果本質就是若干個三角形拼接而成。而三角形，如果你熟悉CSS2的話，一定在哪個地方見過。。。

      首先來看一個100*100尺寸的div，他有4條彩色的邊框：

      當然，此時你看不出什么。現在我們把div的邊框寬度設置成50px：

      你發現什么了？邊框與邊框之間的交界處正好是條斜線。現在我們把div的長寬都設置成0，并且試著改變每條邊的邊框寬度：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表