小猿圈分享web前端制作轮播图的三种方式
小猿圈今天给大家分享的事制作轮播图的的三种方法，希望大家要用心学习哦，有其他的问题也欢迎大家留言或者私信我哦。 ， 一、通过CSS3的animation属性以及 @keyframes规则实现。 首先学习 CSS3当中的@keyframes和animation。 @keyframes规则―用于创建动画，在@keyframes中规定某个CSS样式，就能创建 由当前样式逐渐变成新样式的动画效果。 浏览器支持： Internet Explorer 10 （IE10）、Firefox 、Opera 支持 animation属性以及 @keyframes规则，chrome、Safari 需要加前缀 “-webkit-”（注意： IE9 以及更早的版本，不支持 animation属性以及 @keyframes规则） @keyframes 语法： @keyframes 函数名(自定义){ 内容：eg： @keyframes firstAnimation{ from {background: yellow;} to{ background: red;} } // safari和chrome @-webkit-keyframes firstAnimation{ from {background: yellow;} to{ background: red;} } CSS3 动画 用