Thư viện hỗ trợ tạo hiệu ứng sóng nước cho các phần tử được click trong HTML.
Đây là sản phẩm mang tính chất học tập được viết bởi thành viên Lmint trong cộng đồng Coders.tokyo.
Bạn có thể thử nghiệm hiệu ứng sóng nước tại đây
Bạn cần dẫn đủ 02 file thư viện của chúng tôi vào file HTML của bạn.
File thứ 1: rTouch.css
File thứ 2: rTouch.js hoặc rTouch.min.js
Nếu bạn không thích Download thư viện, bạn có thể sử dụng CDN để thay thế.
CSS CDN
<link rel="stylesheet" href="https://cdn.rawgit.com/lmint3010/R.Touch/d4a0c981/rTouch.css">
JS CDN
<script src="https://cdn.rawgit.com/lmint3010/R.Touch/e64fcf28/rTouch.js"></script>
hoặc
<script src="https://cdn.rawgit.com/lmint3010/R.Touch/e64fcf28/rTouch.min.js"></script>
Các phần tử có thể được áp dụng sự kiện click đều có thể áp dụng hiệu ứng sóng nước.
Chỉ cần thêm class .ripple vào phần tử muốn sử dụng hiệu ứng sóng nước.
Ví dụ: <button class="ripple">Click Me</button>
Bạn có thể chủ động thay đổi màu sắc của sóng nước bằng cách thêm thuộc tính rColor kèm theo giá trị màu.
Ví dụ: <button class="ripple" rColor="#fff">Click Me</button>
Bạn có thể liên hệ đóng góp ý kiến tại đây
Đây là sản phẩm mang tính chất học tập được viết bởi thành viên của cộng đồng Coders.tokyo