会员
周边
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
HelloInternet
吾生也有涯,而知也无涯
博客园
首页
新随笔
联系
管理
订阅
2016年10月22日
利用CSS 3的transition特性实现轮播图
摘要: 在不使用javascript的情况下,利用HTML和CSS同样可以实现简单的轮播图效果。 (效果图) 实现思路为:将三张(或多张)需要轮播的图片做成一张横向排列的图片,类似CSS雪碧图的概念。利用绝对定位,在点击按钮1时,图片left为0%,点击按钮2时,图片left为-100%,点击按钮3时,图片
阅读全文
posted @ 2016-10-22 21:03 YoloMonkey
阅读(1097)
评论(0)
推荐(0)
公告