-
圖片轉(zhuǎn)換SVG源碼（html+js）
用js把png、jpg等圖片轉(zhuǎn)為SVG格式在線體驗(yàn)：http://tt18.cn/tool/img/svg.html
5 88506 0
-
電子架子鼓源碼（互動(dòng)動(dòng)畫）
使用GreenSock的 TweenMax動(dòng)畫庫實(shí)現(xiàn)的電子架子鼓，支持鼠標(biāo)和鍵盤控制敲打樂器。
5 87137 0
-
把全景圖轉(zhuǎn)為立體球型模擬行星運(yùn)動(dòng)（three.js）2個(gè)版本
通過three.js把行星的全景圖片轉(zhuǎn)為立體球型并模擬行星運(yùn)動(dòng)
5 86449 0
-
人物合并拼接并與鼠標(biāo)聯(lián)動(dòng)的動(dòng)畫源碼（js+css）
把人物的多個(gè)部分拼接成一個(gè)完整的人，并實(shí)現(xiàn)眼睛、手與鼠標(biāo)聯(lián)動(dòng)
2 87080 0
-
全景場景中蝴蝶飛舞的動(dòng)畫源碼
全景場景可修改（6圖模式），源碼中的全景場景用是天空蝴蝶和動(dòng)畫用純css實(shí)現(xiàn)
5 87506 0
-
全屏3d櫻花停的飄落動(dòng)畫源碼
css3+js實(shí)現(xiàn)
5 88051 0
-
動(dòng)畫圖標(biāo)（150個(gè)純css3）有互動(dòng)效果
150個(gè)動(dòng)畫SVG圖標(biāo)css3實(shí)現(xiàn)；鼠標(biāo)移動(dòng)上去有動(dòng)畫效果
5 87863 0
-
畫樹動(dòng)畫（從樹干到樹枝，互動(dòng)動(dòng)畫）
點(diǎn)擊后從點(diǎn)擊的地方向上畫樹（從樹干到樹枝）隨機(jī)顏色可以控制（開始、暫停、清除）
5 88354 0
-
3D旋轉(zhuǎn)動(dòng)畫（點(diǎn)擊旋轉(zhuǎn)，互動(dòng)動(dòng)畫）
可自由增減元素，點(diǎn)擊元素開始旋轉(zhuǎn)，把點(diǎn)擊的元素放到最前面。動(dòng)態(tài)鏈接線與中心相連；可設(shè)置鏈接的效果（雙向鏈接、單向鏈接、鏈接斷開）
5 87561 0
-
樹葉飄落動(dòng)畫(不間斷飄落)效果仿真自然
js+css實(shí)現(xiàn)，有3d立體效果
5 87382 0
-
純CSS3調(diào)用png圖片實(shí)現(xiàn)魚、水母、烏龜?shù)扔蝿?dòng)的動(dòng)畫
CSS通過animation動(dòng)畫更改背景圖片的起始位置background-position實(shí)現(xiàn)單個(gè)物體的動(dòng)畫通過transform: rotateZ改變角度；通過top改變物體在y軸上的位置，通過left改變物體在x軸上的位置，從需達(dá)到在畫面上游動(dòng)的效果。可以退過hover實(shí)現(xiàn)互動(dòng)效果(本源碼無互動(dòng))
5 87336 0
-
打火機(jī)打火動(dòng)畫（純CSS3實(shí)現(xiàn)，火苗和打火機(jī)都很逼真，互動(dòng)動(dòng)畫）
用css寫的，css中有詳細(xì)的注釋說明；當(dāng)你用鼠標(biāo)滑過這只打火機(jī)時(shí)，打火機(jī)就會(huì)打開，然后開始出現(xiàn)火焰燃燒的動(dòng)畫特效。css樣式包括：1、火苗2、打火機(jī)的機(jī)身3、打火機(jī)的機(jī)頭4、打火機(jī)打火輪5、鼠標(biāo)移動(dòng)到打火機(jī)上觸發(fā)動(dòng)畫（火焰動(dòng)畫和打開蓋子的動(dòng)畫）6、機(jī)身文字的效果7、打火機(jī)頭與打火輪的鏈接處8、打火機(jī)的蓋子9、火苗的動(dòng)畫10、打開蓋子的動(dòng)畫注：引入了prefixfree.min.js為了解決大部分...
5 88110 0
-
模擬電風(fēng)扇轉(zhuǎn)動(dòng)動(dòng)畫（純CSS3,有開關(guān)，可調(diào)快慢，互動(dòng)動(dòng)畫）
用css寫的，有幾個(gè)擋位，0為關(guān)，1最慢，3最快。
5 88218 0
-
開門動(dòng)畫（純CSS實(shí)現(xiàn)，互動(dòng)動(dòng)畫）
鼠標(biāo)移動(dòng)到門上，門打開
5 87824 0
-
綿羊走動(dòng)動(dòng)畫源碼（原生js，有互動(dòng)，綿羊可拖動(dòng)）
綿羊從右向左不間斷的走動(dòng)綿羊可以拖動(dòng)的，綿羊走動(dòng)的動(dòng)畫是通過調(diào)用圖片sheep.png上的圖片實(shí)現(xiàn)的，背景可換
5 87923 0
-
卷軸展開動(dòng)畫源碼（完美兼容IE6+html+js）
有聲效，替換img下的圖片和mp3就可以換成自己的。
5 87922 0
