我在Angular的组件中添加了动画。但是,动画在Chrome和Firefox中有效,但在IE Edge中,虽然样式在状态更改时正确应用,但没有指定的动画,但不会触发动画。
有人有同样的问题吗?
这是我的代码:
animations: [
trigger('rowState', [
state('collapsed', style({
'height': 0,
'overflow-y': 'hidden'
})),
state('expanded', style({
'height': '*',
'overflow-y': 'hidden'
})),
transition('collapsed <=> expanded', [animate('1000ms ease-out')])
])
]
提前致谢
角动画建立在标准Web动画API的基础上,并在支持该动画的浏览器上本地运行。对于其他浏览器,需要使用polyfill。从GitHub抓取web-animations.min.js并将其添加到您的页面。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句