猿问

CSS3轮播图的效果

问一下我的轮播图为啥每次都会回滚,是不是最后一帧设置的有问题?是不是应该覆盖第一张图?`
Document
`
慕莱坞森
浏览 1093回答 2
2回答

万千封印

你最后一帧margin-left:0;,所以图片一轮滚动完后,图片就会回滚;如果你用css3做,那就从右往左,用0%-50%,然后设置成左往右,用50%-100%;这样的话就不会出现6张图一起回滚的结果;

慕仙森

左--右0%{margin-left:0};100%{margin-left:-2600px;}左-右-左0%{margin-left:0};50%{margin-left:-2600px;}100%{margin-left:0;}建议:如何实现CSS无缝轮播图?
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答