超级会员免费看
1 前言
在css中我们可以利用@keyframes创建动画效果，在过程中还可更改css样式。
2 方法
先在position进行定位，animation设置动画运行的时长，infinite表示动画循环。在@keyframes中，比如0%，指在这个时间所处的位置，用top和left进行位置设置，可以利用这个“%”来调整动画的速度。若想对动画中的盒子进行更多的颜色样式设置，在对应的“%”后加上background即可。
3 代码
| <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{ width: 500px; height: 500px; border: 4px solid red; margin: 100px auto; position: relative; } #box div{ width: 100px; height: 100px; background: #000000; position: absolute; left: 0; top: 0; /*transition: 1s; */animation |
订阅专栏 解锁全文
5300
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
