使用HTML+CSS3实现小球无限转动

开发工具与关键技术：DW软件，CSS3的函数的调用
作者：陈隆
撰写时间：2019年01月16日

首先创建一个HTML文件然后把HTML的代码完成，使用一个div包裹一个span标签 。（这里的代码非常简单只需要一句，具体看下图）
跟着把CSS也创建好然后引用，引用方式：<link rel="stylesheet" href="./style.css"> 每个人的路径都可能都不一样所以根据所放的文件路径引用。
写好了HTML之后再把相关的样式完成，这里的样式不定，可以根据自己的观点来设置样式，只要会基本的前端web
技术就可以简简单单的设置（具体写法看下图）

写好样式之后，怎样才能让小球动起来呢，接下来就是要用到的css3的动画代码，这里需要用到的函数是@keyframes
然后设置小球运动方向，加上每到一个点就换一种颜色这样可以更好的分明运转过程，这样就把动画代码的部分完成了
（具体写法看截图）
当然这样是不会有效果的，因为还没有调用这个函数，有的时候就是在这里的问题浪费了大多数的时间去找这个问题，
所以一定要记住写完代码之后要调用，调用后就可以把参数设置为运行无限次就可以了（调用的代码看截图）

这样就可以把小球的无限运动实现了。