Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我应该依赖CSS3来制作动画,还是使用JavaScript来获得非WebKit浏览器的好处?_Javascript_Html_Animation_Css_Webkit - Fatal编程技术网

我应该依赖CSS3来制作动画,还是使用JavaScript来获得非WebKit浏览器的好处?

我应该依赖CSS3来制作动画,还是使用JavaScript来获得非WebKit浏览器的好处?,javascript,html,animation,css,webkit,Javascript,Html,Animation,Css,Webkit,我正在一个网站上工作,我还在构思阶段。这将是非常酷的一些漂亮的简单变换动画 但是现在我不确定是否应该使用最新的技术(CSS3/HTML5)来制作动画,以便在webkit浏览器上玩得更好,并为非webkit浏览器创建一个备用网站。这可能不会占用我很多时间,结果也会很顺利 或者,我也可以尝试用JS来伪造动画,这将花费我更多的时间来弄清楚这些东西,而且看起来不会那么漂亮和流畅。此外,目前还没有真正的直接解决方案。Heygrady的Transform3d很接近,但缺少一些我需要的功能,并且由于我有限的J

我正在一个网站上工作,我还在构思阶段。这将是非常酷的一些漂亮的简单变换动画

但是现在我不确定是否应该使用最新的技术(CSS3/HTML5)来制作动画,以便在webkit浏览器上玩得更好,并为非webkit浏览器创建一个备用网站。这可能不会占用我很多时间,结果也会很顺利


或者,我也可以尝试用JS来伪造动画,这将花费我更多的时间来弄清楚这些东西,而且看起来不会那么漂亮和流畅。此外,目前还没有真正的直接解决方案。Heygrady的Transform3d很接近,但缺少一些我需要的功能,并且由于我有限的JS技能,我无法亲自潜入其中并构建它。

在我看来,动画使用HTML5/CSS3。只要它不影响核心功能(例如,没有支持的访问者仍然可以浏览/阅读/提交表单等),那么就把这些漂亮的东西留给支持它的浏览器

Javascript动画可以是平滑的,看起来非常好,但正如您所说的,它需要更长的时间来编写,并且更难维护

如果我正在重新设计一个现有的网站,那么我会检查分析/服务器日志,看看目标受众最流行的浏览器是什么。如果其中90%都在IE7上,那么我将相应地对该站点进行编码


希望这有助于

根据您希望在动画方面做什么,jQuery可能会帮助您以合理的性能更轻松地完成


    • 我认为这取决于你的目标受众

      在以下情况下使用CSS:

      • 对于iOS设备,因为CSS转换是硬件加速的
      • 需要3D转换,因为您只能使用CSS进行转换
      在以下情况下使用JavaScript:

      • 您需要对帧速率或移动对象的精确位置进行精确控制,因为CSS无法做到这一点

      关于SO的离题讨论。在programmers.stackexchange.com上试试吧谢谢你的服务器日志提示,我正在工作的网站没有设置分析。当然,服务器日志可以救我!如果它是linux上的Apache,那么有一些很好的命令可用于剥离用户代理字符串。有关信息,请参阅。然后通过
      awk
      管道输出以计算用户代理字符串的出现次数,请参阅,您可以通过使用适当的供应商前缀使动画在其他现代非webkit浏览器中正常工作:
      -o-
      用于Opera,
      -ms-
      用于IE,
      -moz-
      用于Firefox等。