Có tất cả 40
hiệu ứng để cho các bạn lựa chọn , bao gồm 2D transforms, border transitions, shadow và glow transitions, speech bubbles, và page curls.
Cách sử dụng :
- Để bắt đầu, các bạn download hover.css về máy.
- Sau đó chèn hover.css vào trong trang web, các bạn chèn nó vào trong thẻ <head>
- Kế tiếp là chèn các class tương ứng với các hiệu ứng hover. Giả sử chúng ta đã có sẵn một button như sau :
Checkout
Và để có hiệu ứng floats, chúng ta sẽ chèn thêm class như sau :
Checkout
Để hiểu rõ từng hiệu ứng sẽ như thế nào, các bạn có thể xem demo để biết, và sau đây là tổng hợp các hiệu ứng cũng như class tương ứng giúp các bạn áp dụng vào cho các phần tử trên trang web của mình.
2D Transforms