1、自動從底部中間隨機向上發射煙花后爆炸2、鼠標點哪兒煙花在哪兒爆炸
用鼠標模擬手拽動布;拽動的幅度不一樣效果不一樣;
純css實現
鯊魚為svg
通過three.js把行星的全景圖片轉為立體球型并模擬行星運動
把人物的多個部分拼接成一個完整的人,并實現眼睛、手與鼠標聯動
全景場景可修改(6圖模式),源碼中的全景場景用是天空蝴蝶和動畫用純css實現
css3+js實現
點擊后從點擊的地方向上畫樹(從樹干到樹枝)隨機顏色可以控制(開始、暫停、清除)
可自由增減元素,點擊元素開始旋轉,把點擊的元素放到最前面。動態鏈接線與中心相連;可設置鏈接的效果(雙向鏈接、單向鏈接、鏈接斷開)
js+css實現,有3d立體效果
CSS通過animation動畫更改背景圖片的起始位置background-position實現單個物體的動畫通過transform: rotateZ改變角度;通過top改變物體在y軸上的位置,通過left改變物體在x軸上的位置,從需達到在畫面上游動的效果。可以退過hover實現互動效果(本源碼無互動)
用css寫的,css中有詳細的注釋說明;當你用鼠標滑過這只打火機時,打火機就會打開,然后開始出現火焰燃燒的動畫特效。css樣式包括:1、火苗2、打火機的機身3、打火機的機頭4、打火機打火輪5、鼠標移動到打火機上觸發動畫(火焰動畫和打開蓋子的動畫)6、機身文字的效果7、打火機頭與打火輪的鏈接處8、打火機的蓋子9、火苗的動畫10、打開蓋子的動畫注:引入了prefixfree.min.js為了解決大部分...
用css寫的,有幾個擋位,0為關,1最慢,3最快。
鼠標移動到門上,門打開
綿羊從右向左不間斷的走動綿羊可以拖動的,綿羊走動的動畫是通過調用圖片sheep.png上的圖片實現的,背景可換
有聲效,替換img下的圖片和mp3就可以換成自己的。
用three寫的全景虛擬現實,實現了webvr的可能,改models下的模型數據可以改效果
css+svg
實現了開并門、清空、開始、停止等互動動畫效果
本站資源均來自互聯網或會員發布,僅供研究學習請勿商用以及產生法律糾紛本站概不負責!如果侵犯了您的權益請與我們聯系!
Copyright © 2016-2025 資源共享網 ? 版權所有 冀ICP備20018961號-4