利用CSS 3的transition特性实现轮播图

　　在不使用javascript的情况下，利用HTML和CSS同样可以实现简单的轮播图效果。

　　（效果图）

　　实现思路为：将三张（或多张）需要轮播的图片做成一张横向排列的图片，类似CSS雪碧图的概念。利用绝对定位，在点击按钮1时，图片left为0%，点击按钮2时，图片left为-100%，点击按钮3时，图片left设置为-200%。

转载于:https://www.cnblogs.com/YoloMonkey/p/5958781.html