我的网站上有一些（几乎）全屏淡入/淡出动画，它们在 Safari 和 Chrome（Windows 7 64 位，jQuery 1.7.2）中卡顿：（http://portfolio.wezelkrozum.nl/#page=news&par1=article&par2 =1&par3= )
单击缩略图时会出现动画。我很想知道是否有更流畅的方式来实现这些动画。到目前为止，我已经更改了脚本，以便在动画淡入完成后图像变得可见。它使动画更流畅但不够流畅。
那么，我该如何改善褪色动画呢？
问问题
1429 次
2 回答
1
试试这个2D Transformations插件。无需编辑任何内容，只需在 .js 中包含 .js 即可。如果可能，它将在 jQuery 动画调用中使用 css 转换。
我在 Chrome (OS X) 和 Safari (OS X) 中打开了您的网站，动画看起来不错。
编辑：
1）将样式添加-webkit-transform: translateZ(0);到wrapper （包装缩略图）和article_images_manager. 它在 Webkit 中激活 GPU 加速。:-)
2）你不应该使用完整的图像作为缩略图，而应该使用预先生成的小图像。
于 2012-05-04T15:04:33.257 回答
0
我看不出问题。您可能想尝试 css3 过渡而不是 jQuery 动画。他们肯定会提高性能。
于 2012-05-04T14:56:49.187 回答