最近項目上要制作一個七巧板,腦子里瞬間閃現,什么。。。七巧板不是小時候玩的嗎。。。 七巧板的由來 先來個科普吧,是我在查資料過程中看到的,感覺很有意思。 宋朝有個叫黃伯思的人,對幾何圖形很有研究 ...
最初看到這個效果是在一個音樂站,http: jing.fm,這個網站的界面做得非常不錯,音樂也很有風格。當我第一次進入這個網站時最感興趣的還是中間那個不斷旋轉的光盤封面,就想知道它是如何運作的,以及如何能把它也放在我的網站首頁上面以增加效果,具體的效果可以去jing.fm看下,用新浪微博賬號即可登錄。 我提取的效果僅僅包含了使其旋轉的部分代碼,並沒有包括中間的暫停按鈕,可以到這里去查看演示以及源代 ...
2015-11-24 14:05 0 2301 推薦指數:
最近項目上要制作一個七巧板,腦子里瞬間閃現,什么。。。七巧板不是小時候玩的嗎。。。 七巧板的由來 先來個科普吧,是我在查資料過程中看到的,感覺很有意思。 宋朝有個叫黃伯思的人,對幾何圖形很有研究 ...
CSS執行順序與優先權的問題其實就是一個沖突解決的問題,當同一個元素(或內容)被CSS選擇符選中時,就要按照優先權取舍不同的CSS規則,這其中涉及到的問題其實很多。首先就是CSS規則的specificity(特殊性),CSS2.1有一套關於specificity的計算方式,用一個四位的數字串 ...
menu.css: 用到的圖片: menu_bg.png lavalamp.png menu_line.png 最終效果圖: ...
周末在江邊晨跑的時候發現很多 當時心血來潮就想,應該可以在網頁中實現一下 這幾天得閑就做了一下,效果如下 (盡量在最新版本的chrome或者firefox中查看) demo下載在文章 ...
純css3打造瀑布流布局 原理: 1、column-count 把div中的文本分為多少列 2、column-width 規定列寬 3、column-gap 規定列間隙 4、break-inside: avoid; 避免元素內部斷行並產生新列 注意 ...
剛接觸CSS3動畫,心血來潮實現了一個心目中自己設計的翻頁效果的3D動畫,頁面純CSS3,目前只能在Chrome中玩,理論上可以支持Safari。 1. 新建HTML,代碼如下(數據和翻頁后的數據都是瞎模擬的) 2. 這個html需要一個css及jquery,請自行修改 ...
CSS 是我們使用的功能強大和最常用 web 語言。他可以兼容新舊不同的瀏覽器,打造出很多不同的特效,它已經成為Web開發最流行的語言之一,使用css3 打造出來的效果總是那么的絢麗,有一些特殊的屬性以前使用需要javascript實現的特效,今天使用css3就可以完成,因此他大大簡化了工作流 ...