python之“七巧板”
1 七巧板的關系 七巧板由2個大三角、1個中三角、2個小三角、1個平行四邊形組成 2 代碼 3 效果圖 ...
原文：純CSS3打造七巧板
最近項目上要制作一個七巧板，腦子里瞬間閃現，什么。。。七巧板不是小時候玩的嗎。。。 七巧板的由來 先來個科普吧，是我在查資料過程中看到的，感覺很有意思。 宋朝有個叫黃伯思的人，對幾何圖形很有研究，他熱情好客，發明了一種用 張小桌子組成的 宴幾 請客吃飯的小桌子。后來有人把它改進為 張桌組成的宴幾，可以根據吃飯人數的不同，把桌子拼成不同的形狀，比如 人拼成三角形， 人拼成四方形， 人拼成六方形 這樣 ...
2014-09-14 18:23 4 2283 推薦指數：
相關推薦
利用canvas繪制七巧板
話不多說，放源碼吧。 line2-10 是用對象儲存了每次繪制的起始坐標點，和填充顏色。 然后利用for循環來根據所給的坐標繪制圖形。 canvas繪制圖形的時候 ...
學用純CSS3打造可折疊樹狀菜單
CSS執行順序與優先權的問題其實就是一個沖突解決的問題，當同一個元素(或內容)被CSS選擇符選中時，就要按照優先權取舍不同的CSS規則，這其中涉及到的問題其實很多。首先就是CSS規則的specificity(特殊性)，CSS2.1有一套關於specificity的計算方式，用一個四位的數字串 ...
CSS3打造不斷旋轉的CD封面
最初看到這個效果是在一個音樂站，http://jing.fm，這個網站的界面做得非常不錯，音樂也很有風格。當我第一次進入這個網站時最感興趣的還是中間那個不斷旋轉的光盤封面，就想知道它是如何運作的，以及 ...
純CSS3打造滑動下拉導航菜單
menu.css: 用到的圖片: menu_bg.png lavalamp.png menu_line.png 最終效果圖: ...
[原創]CSS3打造動態3D氣球
周末在江邊晨跑的時候發現很多 當時心血來潮就想，應該可以在網頁中實現一下 這幾天得閑就做了一下，效果如下 (盡量在最新版本的chrome或者firefox中查看) demo下載在文章 ...
純css3打造瀑布流布局
純css3打造瀑布流布局 原理： 1、column-count 把div中的文本分為多少列 2、column-width 規定列寬 3、column-gap 規定列間隙 4、break-inside: avoid; 避免元素內部斷行並產生新列 注意 ...
[原創]純CSS3打造的3D翻頁翻轉特效
剛接觸CSS3動畫，心血來潮實現了一個心目中自己設計的翻頁效果的3D動畫，頁面純CSS3，目前只能在Chrome中玩，理論上可以支持Safari。 1. 新建HTML，代碼如下（數據和翻頁后的數據都是瞎模擬的） 2. 這個html需要一個css及jquery，請自行修改 ...