您是否认为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/