Hover.css - tập hợp hiệu ứng hover bằng CSS3 đơn giản
Bạn đã có thể dễ dàng tạo những hiệu ứng hover bằng CSS3 được viết sẵn với Hover.css, chỉ cần chèn vào các class tương ứng là bạn đã có những hover đẹp...
Bạn đã có thể dễ dàng tạo những hiệu ứng hover bằng [CSS]3 được viết sẵn với Hover.css, chỉ cần chèn vào các [class] tương ứng là bạn đã có những hover đẹp với các phần tử trong [website].
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>
CheckoutVà để 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
Border Transitions
Hiệu ứng Tên Class
Shadow and Glow Transitions
Speech Bubbles
Curls
Hy vọng với những gợi ý trên sẽ nguồn tham khảo hữu ích cho bạn khi muốn sáng tạo các hiệu ứng đặc biệt trên các phần tử của website.