3d Tags By BloggingBolt
Hello Friends look at the 3d tag's visit : http://bloggingbolt.blogspot.com/
Hello Friends look at the 3d tag's visit : http://bloggingbolt.blogspot.com/
<div class="bloggingbolt">
<div class="bloggingbolt">
<div class="tags" id="tags">
<ul class="tags-list">
<li><a href="" class="tag">3D</a></li>
<li><a href="" class="tag">Alert</a></li>
<li><a href="" class="tag">App</a></li>
<li><a href="" class="tag">Autocomplete</a></li>
<li><a href="" class="tag">Badge</a></li>
<li><a href="" class="tag">Blockquote</a></li>
<li><a href="" class="tag">Button</a></li>
<li><a href="" class="tag">Calendar</a></li>
<li><a href="" class="tag">Chart</a></li>
<li><a href="" class="tag">Checkbox</a></li>
<li><a href="" class="tag">Checkout</a></li>
<li><a href="" class="tag">Clock</a></li>
<li><a href="" class="tag">Colors</a></li>
<li><a href="" class="tag">Counter</a></li>
<li><a href="" class="tag">CSS3 Transforms</a></li>
<li><a href="" class="tag">CSS3 Transitions</a></li>
<li><a href="" class="tag">Date Picker</a></li>
<li><a href="" class="tag">Dropdown</a></li>
<li><a href="" class="tag">Facebook</a></li>
<li><a href="" class="tag">Form</a></li>
<li><a href="" class="tag">Glossy</a></li>
<li><a href="" class="tag">Graph</a></li>
<li><a href="" class="tag">Growl</a></li>
<li><a href="" class="tag">Header</a></li>
<li><a href="" class="tag">Icons</a></li>
<li><a href="" class="tag">iOS</a></li>
<li><a href="" class="tag">List</a></li>
<li><a href="" class="tag">Loading</a></li>
<li><a href="" class="tag">Login</a></li>
<li><a href="" class="tag">Menu</a></li>
<li><a href="" class="tag">Metal</a></li>
<li><a href="" class="tag">Modal</a></li>
<li><a href="" class="tag">Navigation</a></li>
<li><a href="" class="tag">Newsletter</a></li>
<li><a href="" class="tag">Notepad</a></li>
<li><a href="" class="tag">Notepaper</a></li>
<li><a href="" class="tag">Notification</a></li>
<li><a href="" class="tag">OS X</a></li>
<li><a href="" class="tag">Pagination</a></li>
<li><a href="" class="tag">Popover</a></li>
<li><a href="" class="tag">Pricing</a></li>
<li><a href="" class="tag">Progress Bar</a></li>
<li><a href="" class="tag">Push</a></li>
<li><a href="" class="tag">Radio</a></li>
<li><a href="" class="tag">Search</a></li>
<li><a href="" class="tag">Select</a></li>
<li><a href="" class="tag">Share</a></li>
<li><a href="" class="tag">Social</a></li>
<li><a href="" class="tag">Switch</a></li>
<li><a href="" class="tag">Table</a></li>
<li><a href="" class="tag">Tabs</a></li>
<li><a href="" class="tag">Tag</a></li>
<li><a href="" class="tag">Tag Cloud</a></li>
<li><a href="" class="tag">Toggle</a></li>
<li><a href="" class="tag">Tooltip</a></li>
<li><a href="" class="tag">Top Bar</a></li>
<li><a href="" class="tag">Widget</a></li>
<li><a href="" class="tag">Window</a></li>
</ul></div></div>.bloggingbolt { width:960px; height:100%; margin:0 auto; position:relative }
.bloggingbolt { width:960px; height:100%; margin:0 auto; position:relative }
a, a:hover,a:focus{color:#59b329;text-decoration:none;outline:none}
ul,ol,li{display:block;margin:0;padding:0}ol,ul{list-style:none}
.tag,.tabs-link{padding-bottom:3px;box-shadow:inset 0 -2px rgba(255,255,255,0.1),inset 0 -3px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05);box-shadow:inset 0 -2px rgba(255,255,255,0.1),inset 0 -3px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05)}
.tag,.tabs-link{display:inline-block;vertical-align:top;line-height:2em;padding-top:0;font-weight:bold;color:#505050;text-align:center;text-shadow:0 1px rgba(255,255,255,0.5);background:#eaefef;border:0px white;border-radius:2px;box-sizing:content-box;box-sizing:content-box;box-sizing:content-box}
.tag:hover,.tabs-link:hover{color:white;background:#20aae5;text-decoration:none;text-shadow:0 1px rgba(0,0,0,0.15);outline:none}
.tag:active,.tabs-link:active{padding-bottom:2px;border-top:1px solid white;box-shadow:inset 0 -2px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05);box-shadow:inset 0 -2px rgba(0,0,0,0.1),0 1px rgba(0,0,0,0.05)}
.tags-heading{height:2em;line-height:2em;margin-bottom:1em}
.tags-heading>h4{margin:0;line-height:inherit}
.tags-toggle{display:none;text-align:center;font-weight:bold}
.tags-toggle:before{content:"\e010";margin-right:.5em}
.tags-list{overflow:hidden;line-height:1.5em}
.tags-list>li{float:left;margin:0 .8em .8em 0}
.tag{display:block;padding-left:.6em;padding-right:.6em;line-height:inherit;font-size:.9375em;font-weight:normal;color:#778187;background:#f2f2f3}