图片轮播,鼠标移入后轮播暂停,移除后轮播继续。
基本原理:
利用Css3 animation动画属性,用transform 实现图片移动。通过图片复制备份,实现的图片的无缝衔接。
核心知识点:
1、@keyframes 通过 @keyframes 规则,您能够创建动画。
Firefox 支持 @-moz-keyframes 规则。
Opera 支持 @-o-keyframes 规则。
Safari 和 Chrome 支持 @-webkit-keyframes 规则。
语法 @keyframes animationname {keyframes-selector {css-styles;}}