实现CSS3圆圈滚动

下面来学习一下CSS3的滚动，我们知道有一些按钮是可以跳动，其实这些跳动的按钮不一定要用JS才能实现，用CSS3也可以实现按钮的跳动。下面是我用CSS3来实现圆圈的滚动。
首先我设置了两个类，分别给两个类设置样式(如图)

在box类设置边框，然后在里面包裹着一个小圆圈为deto的类。给tdfole设置要滚动的时间，次数，方向等。

设置@keyframes的关键帧，给一个要调用的类名为tdfole。

这样CSS3圆圈滚动就完成了。
实现的效果图如下：

学习总结：通过这次学习我明白了如何运用CSS3的滚动的功能，这样有利于我做项目的时候要运用跳动按钮的帮助。