學會偷懶,并懶出境界是提高工作效率最有效的方法!
Ctrl + D 收藏我吧~
點擊元素后出現波紋散開效果。點擊不同部位,波紋會從點擊處散開。兼容主流瀏覽器,懶人圖庫推薦下載!
使用方法:
1、在head區域引入waved的js文件和樣式文件
<script type="text/javascript" src="js/waves.min.js"></script>
<link rel="stylesheet" href="css/waves.min.css"/>
2、給直接鏈接添加class waves-effect waves-button waves-float, 例如
<a href="#examples" class="waves-effect waves-button waves-float">See the examples</a>
3、也可以用選擇器指定具體某個元素
Waves.attach('.waves-image');
4、可以配置需要的效果
Waves.attach('.flat-box', ['waves-block']);