七套CSS教程3绚丽动画按钮
- 此篇文章具体介绍如下
hTML代码: <section class="main">
<div id="sb-container" class="sb-container">
<div> <span class="sb-icon icon-cog"></span>
<h4><span>All Settings</span></h4>
</div>
<div> <span class="sb-icon icon-flight"></span>
<h4><span>User Modes</span></h4>
</div>
<div> <span class="sb-icon icon-eye"></span>
<h4><span>Browse All</span></h4>
</div>
<div> <span class="sb-icon icon-install"></span>
<h4><span>Install App</span></h4>
</div>
<div> <span class="sb-icon icon-bag"></span>
<h4><span>Productivity</span></h4>
</div>
<div> <span class="sb-icon icon-globe"></span>
<h4><span>All Options</span></h4>
</div>
<div> <span class="sb-icon icon-picture"></span>
<h4><span>User Images</span></h4>
</div>
<div> <span class="sb-icon icon-video"></span>
<h4><span>User Videos</span></h4>
</div>
<div> <span class="sb-icon icon-download"></span>
<h4><span>Download App</span></h4>
</div>
<div> <span class="sb-icon icon-mobile"></span>
<h4><span>Mobile Theme</span></h4>
</div>
<div> <span class="sb-icon icon-camera"></span>
<h4><span>Digital App</span></h4>
</div>
<div>
<h4><span>Profile</span></h4>
<h5><span>We ♥ color</span></h5>
</div>
</div>
<!-- sb-container -->
</section>
,CSS3,模拟,书签,导航,纯CSS教程3打造立体质感按钮