我应该依赖CSS3来制作动画,还是使用JavaScript来获得非WebKit浏览器的好处?
我正在一个网站上工作,我还在构思阶段。这将是非常酷的一些漂亮的简单变换动画 但是现在我不确定是否应该使用最新的技术(CSS3/HTML5)来制作动画,以便在webkit浏览器上玩得更好,并为非webkit浏览器创建一个备用网站。这可能不会占用我很多时间,结果也会很顺利我应该依赖CSS3来制作动画,还是使用JavaScript来获得非WebKit浏览器的好处?,javascript,html,animation,css,webkit,Javascript,Html,Animation,Css,Webkit,我正在一个网站上工作,我还在构思阶段。这将是非常酷的一些漂亮的简单变换动画 但是现在我不确定是否应该使用最新的技术(CSS3/HTML5)来制作动画,以便在webkit浏览器上玩得更好,并为非webkit浏览器创建一个备用网站。这可能不会占用我很多时间,结果也会很顺利 或者,我也可以尝试用JS来伪造动画,这将花费我更多的时间来弄清楚这些东西,而且看起来不会那么漂亮和流畅。此外,目前还没有真正的直接解决方案。Heygrady的Transform3d很接近,但缺少一些我需要的功能,并且由于我有限的J
或者,我也可以尝试用JS来伪造动画,这将花费我更多的时间来弄清楚这些东西,而且看起来不会那么漂亮和流畅。此外,目前还没有真正的直接解决方案。Heygrady的Transform3d很接近,但缺少一些我需要的功能,并且由于我有限的JS技能,我无法亲自潜入其中并构建它。在我看来,动画使用HTML5/CSS3。只要它不影响核心功能(例如,没有支持的访问者仍然可以浏览/阅读/提交表单等),那么就把这些漂亮的东西留给支持它的浏览器 Javascript动画可以是平滑的,看起来非常好,但正如您所说的,它需要更长的时间来编写,并且更难维护 如果我正在重新设计一个现有的网站,那么我会检查分析/服务器日志,看看目标受众最流行的浏览器是什么。如果其中90%都在IE7上,那么我将相应地对该站点进行编码
希望这有助于根据您希望在动画方面做什么,jQuery可能会帮助您以合理的性能更轻松地完成
- 对于iOS设备,因为CSS转换是硬件加速的
- 需要3D转换,因为您只能使用CSS进行转换
- 您需要对帧速率或移动对象的精确位置进行精确控制,因为CSS无法做到这一点
- 我认为这取决于你的目标受众
在以下情况下使用CSS:
awk
管道输出以计算用户代理字符串的出现次数,请参阅,您可以通过使用适当的供应商前缀使动画在其他现代非webkit浏览器中正常工作:-o-
用于Opera,-ms-
用于IE,-moz-
用于Firefox等。