micron- 好用的 javascript 搭配 css 的微互動函式庫

分享:

 

micron 是一個好用輕便的 javascript 搭配 css 的微互動函式庫,要使用的話先安裝:

讀入 cdn

<link href="https://unpkg.com/[email protected]1.1.6/dist/css/micron.min.css" type="text/css" rel="stylesheet">
<script src="https://unpkg.com/[email protected]1.1.6/dist/script/micron.min.js" type="text/javascript"></script>
 
或是透過 npm:
npm install webkul-micron
 

接著在想要互動的元素上加上 data-micron="interaction" 即可,例如:

<a href="#!" class="button" data-micron="bounce">Label</a>

其他還有很多設定可以參考官網的說明。

 

和我們交流

加入我們的社群,裡面會有一些技術的內容、有趣的技術梗,以及職缺的分享,歡迎和我們一起討論。