帧动画 keydrames 有两种写法
第一种
记住一定是@开头
@keyframes IDENT {
from {
Properties:Properties value;
}
Percentage {
Properties:Properties value;
}
to {
Properties:Properties value;
}
}
以背景颜色为例子从开始到结束中间的是过渡
第二种
@keyframes IDENT {
0% {
Properties:Properties value;
}
Percentage {
Properties:Properties value;
}
100% {
Properties:Properties value;
}
用百分比来进行分段可以很详细得展示过程
其中IDENT是一个动画名称。到目前为止支技animation动画的只有webkit内 核的浏览器,所以我需要在上面的基础上加上-webkit前缀.