当前路径：
星河码客 »
插件特效 »
CSS3和jQuery文件夹选项卡
HTML
下面你会发现必要的CSS行用于创建这些标签。此外,演示源包含所有前缀的CSS3属性。#tabs { overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none;}#tabs li { float: left; margin: 0 .5em 0 0;}#tabs a { position: relative; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); padding: .7em 3.5em; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 5px 0 0 0; box-shadow: 0 2px 2px rgba(0,0,0,.4);}#tabs a:hover,#tabs a:hover::after,#tabs a:focus,#tabs a:focus::after { background: #fff;}#tabs a:focus { outline: 0;}#tabs a::after { content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; background: #ddd; background-image: linear-gradient(to bottom, #fff, #ddd); box-shadow: 2px 2px 2px rgba(0,0,0,.4); transform: skew(10deg); border-radius: 0 5px 0 0; }#tabs #current a,#tabs #current a::after { background: #fff; z-index: 3;}#content { background: #fff; padding: 2em; height: 220px; position: relative; z-index: 2; border-radius: 0 5px 5px 5px; box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);}jquery ![CSS3和jQuery文件夹选项卡]()
在线演示
积分下载
6毛下载
砍两刀下载
文件目录······