css3实现动画效果，如何让它无限移动？
一、实现CSS3无限循环动画的代码示例。
代码如下:
CSS:
@-WebKit-关键帧gogogo {
0%{
-WebKit-transform:rotate(0 deg)；
边框:5px纯红；
}
50%{
-webkit-transform:旋转(180 deg)；
背景:黑色；
边框:5px纯黄；
}
100%{
-webkit-transform:旋转(360 deg)；
背景:白色；
边框:5px纯红；
}
}
.正在加载{
边框:5px纯黑；
边框半径:40px
宽度:28px
身高:188px
-WebKit-动画:gogogo 2s无限线性；
边距:100px
}
扩展数据
实现动画无限循环所需的CSS属性描述:
1、无限
动画后添加infinite做无限循环，也可以在反向循环中使用animation-direction。
2、动画名称
指定需要绑定到选择器的关键帧的名称。
3、动画-时长
指定完成动画所需的时间，以秒或毫秒为单位。
4、动画-计时-功能
动画的指定速度曲线。
5、动画延时
指定动画开始前的延迟。
6、动画-迭代-计数
指定动画应该播放的次数。
7、动画导演
指定动画是否应该反过来播放。
js轮播图的顺序怎么换？
可以更换图片的加载顺序，如果在html页面中的话，如果是存储数据库，可以加一个排序字段
html导航栏如何固定在轮播图上？
设置样式浮动，使用绝对定位
html js图片轮播怎么添加链接？
在图片标签上添加链接属性，src=""。就可以了
自学css的注意事项？
自学CSS 首先是要对css 感兴趣，俗话说兴趣是我们最好的老师。在学习的过程中我们要循序渐进，记住css 的语法，边学边动手操作，操作的多了就能记得多。再这多进行实战。比喻用CSS 做一个轮播图啊！动画等。
如何使用html+css+js完成轮播图的效果？
下面是使用html+css+js(javascript)来完成轮播图功能的简单例子，有兴趣的可以看一下。
1首先创建一个html文件，下图中我创建的是html5的，所以看起来很简单。
2然后在html的主体部分添加一个p标签，然后在该标签下添加一个img标签，并设置img的宽高。
3然后我们可以在html头部标题下添加css样式代码来控制p的显示效果。
4接下来在body标签中添加js的事件onload，也就是加载该页面的时候，调用onload的值对应的方法，图中的话就是init()。再为img添加一个id属性，这样我们可以通过getElementById(“id值”)来得到该元素标签。
5然后通过<script>标签中，添加如下图代码，完成轮播的功能。其中setInterval(code,time);//两个参数都是必须的，其中code是执行的方法或者代码串，time是时间间隔（以毫秒计，1000就是1秒，根据需要来调整）。其中if语句中i的值跟图片的数量和命名有关。
