CSS animation-name属性
animation-name属性
CSS中animation-name属性，可以为HTML的元素指定@keyframes定义的动画名称。一般需要与animation-duration（动画时长）属性配合使用，如果时长为0，那么动画将不会播放。
语法
animation-name: keyframename | none
提示：语法中“|”表示的是“或”，即animation-name有两个可选的属性值，keyframename表示@keyframes定义的动画名称，none则指的是物动画效果。
animation-name属性实例代码，及在线编辑器
<div id='d1'></div>
<style>
@keyframes widthChange {
from {width:50%;}
to {width:100%;}
}
#d1{width:50%;height:50%;border:1px solid orange;animation-name:widthChange;animation-duration:2s;}
</style>