Css3动画(小黑点无限跳动)

下面是一个简单的css3动画的简单样式

实现css3动画还要配合下面几个函数
animation-duration (动画播放时间)
animation-timing-function (动画播放方式)
animation-iteration-count （动画无限播放）

在这里插入图片描述

用@keyframes规则，创建动画
动画效果是通过逐渐从一个css3样式设定到另一个，动画过程中可以设置多次css3样式

使用animation:animation-name配合设定的名称ate调用动画
下面分别设置了10个不同坐标点，
这样小黑点就可以一直跳了