首页 >web前端 >js教程 >机械和迷幻 CSS-JavaScript 修补

机械和迷幻 CSS-JavaScript 修补

WBOY
WBOY原创
2024-07-31 15:04:30710浏览

我正在研究这个 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