Share Tạo hiệu ứng hoạt hình cho các thành phần website với thư viện Micron.js

[filiallion]

Language

Tiếng Việt

Thư viện Micron.js giúp các bạn tạo các hiệu ứng hoạt hình trên các thành phần của website một cách dễ dàng chỉ với vài khai báo thuộc tính ngay bên trong các thẻ HTML của thành phần. Các bạn có thể xem qua các hiệu ứng mà thư viện Micron.js hỗ trợ tại địa chỉ https://webkul.github.io/micron/#interactions-preview.

Không chỉ là các hiệu ứng đẹp mắt mà thư viện Micron.js còn hỗ trợ các thuộc tính tuỳ chỉnh rất hữu ích giúp các bạn có thể dễ dàng điều khiển các hiệu ứng một cách linh hoạt, giúp ích rất nhiều cho quá trình phát triển giao diện người dùng.

Việc sử dụng thư viện Micron.js rất đơn giản nhưng trước khi sử dụng các bạn cần phải tải thư viện Micron.js tại địa chỉ https://github.com/webkul/micron và tích hợp vào website như sau:

<link href="path/to/micron.min.css" rel="stylesheet">
<script src="path/to/micron.min.js"></script>

Và sử dụng một hiệu ứng của thư viện Micron.js như ví dụ sau:

<a href="#" class="button" data-micron="bounce" data-micron-timing="ease-in">Gextend</a>

Các bạn có thể tìm hiểu thêm về thư viện Micron.js tại địa chỉ https://webkul.github.io/micron/docs.html.