CSS @keyframes(关键字动画)
随着新的浏览器的普及,越来来越多的浏览器都支持 CSS3
```html上面的例子,使用了from和to,from表示开始,to表示结束;我们也可以用0%表示开始,100%表示结束,不能超出这个范围,例如下面的代码:
```html
0%{
left:0px;
}
50%{
left:50px;
}
100%{
left:100px;
}
除了位移还可以改变颜色,这个例子会在动画 0% 到 50% 时,背景从白色变为红色,文字从白色变成黑色(文字属性背景同时在 50% 呈现)
0%{ background:#fff; color:$fff; }
50%{ background:#f00; }
50%{ color:#000; }
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于