首頁 >web前端 >js教程 >機械和迷幻 CSS-JavaScript 修補

機械和迷幻 CSS-JavaScript 修補

WBOY
WBOY原創
2024-07-31 15:04:30685瀏覽

我正在研究這個 javascript/css 動畫的東西。我正在學習如何更好地控制事物,這令人興奮!在嘗試將事情展開之前(至少在某種程度上),我正在學習如何在腦海中計劃事情。今天從一個粗略的想法開始,我是這樣開始的:

Mechanical & Psychedelic CSS-JavaScript Tinkering

使用 javascript,我用(我最喜歡的)數組和循環重複圖像!當我最初學習 javascript 時,我想「好吧,資料數組」。更好的想法是數據有什麼用? !有趣的重複形狀怎麼樣!我很著迷。

下面是一張有趣的圖片,但我會讓你知道動畫版本更酷,你可以看到所有動畫的發生。請看下面的github看看! ! (是的,我對此感到很興奮。XD)

所以,使用簡單的 Javascript 和 CSS:

Mechanical device

誰知道這是什麼。但它確實有一種機械氛圍,帶有一絲迷幻的味道。是的。我花了大約4個小時才完成。我肯定正在走上製作一些很酷的東西的道路。未來將會發生什麼事?動畫迷幻機器人?不多說了。不能更興奮了。感謝您的瀏覽!

Github:https://annavi11arrea1.github.io/circle/

這就是為什麼程式碼很棒...


以上是機械和迷幻 CSS-JavaScript 修補的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn