用js把png、jpg等圖片轉(zhuǎn)為SVG格式在線體驗(yàn):http://tt18.cn/tool/img/svg.html
5 88506 0
使用GreenSock的 TweenMax動(dòng)畫庫實(shí)現(xiàn)的電子架子鼓,支持鼠標(biāo)和鍵盤控制敲打樂器。
5 87137 0
通過three.js把行星的全景圖片轉(zhuǎn)為立體球型并模擬行星運(yùn)動(dòng)
5 86449 0
把人物的多個(gè)部分拼接成一個(gè)完整的人,并實(shí)現(xiàn)眼睛、手與鼠標(biāo)聯(lián)動(dòng)
2 87080 0
全景場景可修改(6圖模式),源碼中的全景場景用是天空蝴蝶和動(dòng)畫用純css實(shí)現(xiàn)
5 87506 0
css3+js實(shí)現(xiàn)
5 88051 0
150個(gè)動(dòng)畫SVG圖標(biāo)css3實(shí)現(xiàn);鼠標(biāo)移動(dòng)上去有動(dòng)畫效果
5 87863 0
點(diǎn)擊后從點(diǎn)擊的地方向上畫樹(從樹干到樹枝)隨機(jī)顏色可以控制(開始、暫停、清除)
5 88354 0
可自由增減元素,點(diǎn)擊元素開始旋轉(zhuǎn),把點(diǎn)擊的元素放到最前面。動(dòng)態(tài)鏈接線與中心相連;可設(shè)置鏈接的效果(雙向鏈接、單向鏈接、鏈接斷開)
5 87561 0
js+css實(shí)現(xiàn),有3d立體效果
5 87382 0
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
用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
用css寫的,有幾個(gè)擋位,0為關(guān),1最慢,3最快。
5 88218 0
鼠標(biāo)移動(dòng)到門上,門打開
5 87824 0
綿羊從右向左不間斷的走動(dòng)綿羊可以拖動(dòng)的,綿羊走動(dòng)的動(dòng)畫是通過調(diào)用圖片sheep.png上的圖片實(shí)現(xiàn)的,背景可換
5 87923 0
有聲效,替換img下的圖片和mp3就可以換成自己的。
5 87922 0