CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。下面这些发出闪亮光泽的按钮,很漂亮吧?把鼠标悬停在按钮上,还有动感的光泽移动效果。
开始使用
引入两个CSS文件即可
<link rel="stylesheet" type="text/css" href="css/dmaku.css" media="screen"> <link rel="stylesheet" type="text/css" href="css/button.css" media="screen">
核心代码
<div class="button gray"><div class="shine"></div>Button</div> <div class="button blue"><div class="shine"></div>Button</div><br/> <div class="button green"><div class="shine"></div>Button</div> <div class="button red"><div class="shine"></div>Button</div> <div class="button purple"><div class="shine"></div>Button</div> <div class="button orange"><div class="shine"></div>Button</div>