您是否认为this rocket使用CSS3(动画)?还是jQuery?
我试图理解Web设计师编写的CSS,但找不到任何样式可以使火箭运动。

怎样做那种动画?
如果有,请分享您的想法和教程。我想学习这种动画。
谢谢! :)

最佳答案

当然不:

让我告诉您原因,以便下次可以自己解决。

在Google Chrome浏览器中,直接在火箭上方使用“右键单击”->“检查元素”操作。 Chrome应该会自动选择火箭,然后您会看到内联如下内容:

<img class="floating-rocket" src="images/rocket.png" alt="Launching" style="margin-top: -90.86px; margin-left: -510.43px; ">

这一部分:style="margin-top: -90.86px; margin-left: -510.43px; "动态变化,使火箭来回移动。 CSS无法完成此行为。您还可以通过注意受影响的标记是img标记并且没有CSS动画属性来再次进行检查。

内联样式更改是Javascript的非常典型的做法。实际上,如果您查看页面所附的Javascript文件,就会发现:

http://demo.drythemes.com/thebigbang/js/custom/customUI.js

其中包含移动火箭的实际JavaScript。

希望这可以帮助!

关于jquery - 这个移动火箭是否使用CSS3(动画)?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/12164766/

10-09 23:31