animation-name
介绍
animation-name属性指定应用的一系列动画，每个名称代表一个由@keyframesopen in new window定义的动画序列。
标准化语法
animation-name: <string>;
1
样例：
/* Single animation */
animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;
/* Multiple animations */
animation-name: test1, animation4;
animation-name: none, -moz-specific, sliding;
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
与 Web 的区别
注意
- animation 仅支持对transform, background-color, opacity做动画
扩展阅读
- animation
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-fill-mode
- animation-play-state
注意事项
- 如果是动态设置的动画属性，需要在节点标记
flatten="false"属性 - 如果 iOS 显示效果不符合预期，在节点标记
implicit-animation="false"属性