純HTML5+CSS3實現一棵自己跳舞的樹

吴边落木發表於2024-11-07

程式碼沒有多少,也沒有用到任何圖片,就實現了一棵可以自己跳舞的樹。檔案組成就簡簡單單的一個html和一個css

html部分並不是很複雜,就是一些空的div,然後加上html模板也就那麼十來行程式碼

最關鍵的還是css部分,也不是很多,總共一百來行


但就是上面這麼簡簡單單的兩個檔案可以繪畫出一棵自己在跳舞的樹,文章裡面好像沒有辦法放影片預覽,大家可以點選下面這個預覽。不是我說...這棵樹扭起來的時候真的是蠻妖嬈的哈哈哈

點選預覽一棵可以自己跳舞的樹

我覺得這個妖嬈的樹可以放在你的網頁的loading頁面或者某個角落裡,會真的顯得別具一格。可以封裝成一個元件,哪塊想用往哪塊放。而且用純css繪畫出來的,也就不會出現掉幀卡頓的一些現象了。當然了,如果不喜歡我截圖上的這個顏色,可以將程式碼download下來,自己在css裡找到下面這行程式碼,替換成你喜歡的顏色,比如我就給換成了綠色或者漸變色也是ok的


程式碼下載地址

相關文章