CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了角度2动画vs css动画 – 什么时候使用什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试angular2的动画,我想知道他们带来了什么具体的优势标准css动画/转换.

例如一个典型的材料设计卡和悬停效果与盒子阴影.大多数css框架使用:hover和css-transitions.使用角二动画有什么特别的优势吗?

我读到某个地方,一些css动画属性不会调用GPU,因此有一些延迟和滞后.什么角度2动画?

解决方法

问题实际上是更多的 javascript动画vs css动画(因为angular2的动画是基于javascript动画).

答案是,当你可以 – 使用CSS动画.

现代浏览器使用different thread的CSS动画,所以JavaScript线程不受CSS动画的影响.

您可以使用HTML5 Animation Speed Test在浏览器中检查不同框架(基于javscript的)VS CSS动画的执行情况.

一般来说:

如果您想具体了解Angular2动画 – 只需检查浏览器中的元素,并检查动画是否有CSS(基于过渡/ animationFrame或javascript(您将能够看到动画中的样式属性更改中的值) ).

大佬总结

以上是大佬教程为你收集整理的角度2动画vs css动画 – 什么时候使用什么?全部内容,希望文章能够帮你解决角度2动画vs css动画 – 什么时候使用什么?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。