我的网站上有几个（差不多）全屏淡入/淡出动画，这些动画在Safari和Chrome中都很不稳定（Windows 7 64bit，jQuery 1.7.2）： （http://portfolio.wezelkrozum.nl/#page=news&par1=article&par2=1&par3=）
单击缩略图时会显示动画。我很想知道是否有更平滑的方式来实现这些动画。到目前为止，我已经更改了脚本，因此在淡入动画完成后图像变得可见。它使动画更加流畅但不够流畅。
那么，我怎样才能改进褪色动画呢？
答案 0 :(得分：1)
试试这个2D Transformations插件。 无需编辑任何内容，只需包含.js即可。它会尽可能在jQuery动画调用中使用css过渡。
我在Chrome（OS X）中打开了您的网站＆amp; Safari（OS X），动画似乎很好。
编辑：
1）将样式-webkit-transform: translateZ(0);添加到wrapper（包装缩略图）和article_images_manager。它激活了Webkit中的GPU加速。 ： - ）
2）你不应该使用完整的图像作为缩略图，而是使用预生成的小图像。
答案 1 :(得分：0)
我看不出问题。你可能想尝试css3过渡而不是jQuery动画。他们肯定会提高性能。