我正在尝试angular2的动画,我想知道他们带来了什么具体的优势标准css动画/转换.
例如一个典型的材料设计卡和悬停效果与盒子阴影.大多数css框架使用:hover和css-transitions.使用角二动画有什么特别的优势吗?
解决方法
问题实际上是更多的
javascript动画vs css动画(因为angular2的动画是基于javascript动画).
答案是,当你可以 – 使用CSS动画.
现代浏览器使用different thread的CSS动画,所以JavaScript线程不受CSS动画的影响.
您可以使用HTML5 Animation Speed Test在浏览器中检查不同框架(基于javscript的)VS CSS动画的执行情况.
一般来说:
browsers are able to optimize rendering flows. In summary,we should always try to create our animations using CSS transitions/animations where possible. If your animations are really complex,you can may have to rely on JavaScript-based animations instead.
如果您想具体了解Angular2动画 – 只需检查浏览器中的元素,并检查动画是否有CSS(基于过渡/ animationFrame或javascript(您将能够看到动画中的样式属性更改中的值) ).
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。