可以使用javascript优化CSS动画，我正在开发一个指令来创建动态选项卡，并希望在它们的过渡之间实现动画，但是CSS过渡demontram非常慢，有一种方法可以对其进行优化。我的指令位于：tab-nav-bar此版本不支持动画，有人会想到如何最好地实现它。
当使用CSS（甚至JS）添加动画效果时，要寻找的最重要内容是专注于正确的属性。其中一些会导致重新绘制整个布局。
要记住的最重要的事情是-为转换属性设置动画，而不是“左”，“右”，“宽度”等。
您可以在本文中阅读有关平滑动画的更多信息，并在此处找到最佳动画属性列表。
使用有效动画的另一种方法是使用js动画库-例如GSAP。它具有简单的语法并且非常有效-这是其基本功能的一小部分演示
这是GSAP语法的一个小示例：
//pulsate the box using scaleX and scaleY
TweenMax.to(elementSelector, 1.2, {
scaleX:0.8,
scaleY:0.8,
force3D:true,
yoyo:true,
repeat:-1,
ease:Power1.easeInOut
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句