浙江 杭州

纯css3经典tab选项卡动画特效

系统分类: 网页特效 - jquery插件 - jQuery选项卡/Tabs 2015-07-09

人气25080

亲们该页面内会员们分享的“作品”,版权为才华横溢的原作者们所有滴,不得商业使用!


这是一款使用纯css3制作的经典tab选项卡动画特效插件。该tab选项卡特效共4种效果:淡入淡出效果、左右滑动效果、渐隐效果和上下滑动效果。

Tab选项卡是网页设计中最常用到的元素之一。在这款插件中使用纯css3制作了4种经典的tab选项卡动画特效。该tab选项卡使用radio按钮来做选项卡的切换按钮,并使用:checked伪类和兄弟选择器来完成动画效果。

HTML

html结构使用radio来连接作为tabs的div,class为content的div包含了所有的tabs页:

Some content

Some content

Some content

Some content

css代码请参考下载文件。

查看演示
下载资源:15
下载资源
错误提交:

格式:zip 大小:70.31KB

================关于优设记================
“优设记ui3g.com“是国内最全jquery插件下载 - 高质量网页素材的学习下载平台
资源微博:同步网站更新内容,订阅jquery资源 @吐槽优设记,欢迎关注获取网页设计资源、下载顶尖设计素材。
文章链接: http://www.ui3g.com/code/uicode-1253.html 非特殊说明,本文版权归原作者所有,转载请注明出处
纯css3经典tab选项卡动画特效

我当前G币余额:0 已下载次数:15

注:点击右侧分享按钮并且留下评论自动+10G币

所需G币:20

下载提示:由于文件较小,请直接点击下载,不支持迅雷等下载工具。

抱歉 G币 不足,你可以通过 上传PSD & jquery 充值 获得G币

评论功能关闭...(已有2 评论)