<img src="" width="100" height="100"><img src="" width="100" height="100"><img src="" width="100" height="100"><img src="" width="100" height="100">
</marquee>
animation-name： 规定需要绑定到选择器的 keyframe 名称。animation-duration： 规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function： 规定动画的速度曲线。
animation-delay：规定在动画开始之前的延迟。
animation-iteration-count： 规定动画应该播放的次数。
animation-direction：规定是否应该轮流反向播放动画。
@keyframes{
}
给每个动画及暂停分配时间，按照总时间的百分比分配；
以三张图片为例制作轮播图，若将最后的数值设置为100%，出现问题在于最后一张到第一张的切换没有动画；尝试给最后一张图片到第一张图片的动画时间，但是中间的切换效果是从最后一张向右滑动直到显示出第一张图，其效果反人类，不美观；但是，通过尝试在最后的一张图片后面在添加一张与第一张相同的图片，可实现循环的效果；
方法与一中大致相同，唯一更改的地方是css3的@keyframes规则里面的内容
若只将要显示的三张图片导入，会出现最后一张图片到第一张图片没有动画效果；通过尝试在最后的一张图片后面在添加一张与第一张相同的图片，可实现循环的效果；
问题在于图片一直处于切换状态，中间没有停顿；
般来说，除了从设计师转岗的，大部分产品经理输出的原型都是低保真的，表现形式也五花八门。我见过用画图板配合截图的，也见过用PPT的。这些原型都是为了辅助说明产品的意图，产品经理也不会花时间去输出一个充满注释，或者有各种交互行为的原型。而交互设计师则会分不同的阶段输出不同的原型。比如在产品概念阶段，在白板上画线框图；创意阶段，在纸上画图进行构思；后期使用软件（比如Axure）绘制线框图，并配上各种注释和说明；有时候为了进行测试，也可能做一个能模拟实际使用情况的高保真原型。所以对于产品经理来说，原型仅仅是辅助他说明意图的工具，产品经理并不靠原型混饭吃，他就算不会使用Axure之类的工具也没关系。而原型对于交互设计师，则是安身立命的工具（当然并不是唯一的工具）。在我看来，交互设计师的一个功能就是将产品需求翻译成设计需求，并通过视觉化的方式让参与项目的人员容易理解，而原型就是很好的一个工具。另外原型也是设计师整理思路，扩展思维，记录设计成果的工具。所以一个好的交互设计师必然能很好地利用原型这个工具，在不同的设计阶段灵活运用。
