Hướng dẫn tạo hiệu ứng hover hình chạy trên xuống đẹp

Ngày đăng: 25/07/2017 Chia sẽ bởi: Quang Đạt Chuyên mục: DEV,Html - Css Lượt xem: 25329 lượt
Hướng dẫn tạo hiệu ứng hover hình chạy trên xuống đẹp
5 (100%) 24 votes

Hướng dẫn tạo hiệu ứng hover hình chạy dưới lên đẹp.

Chào mừng các bạn đến với kênh chia sẻ quangdatit.com . Nhận thấy nhiều bạn hỏi về vấn đề hiệu ứng hover xem hình load từ trên xuống dưới khi rê chuột vào ảnh nên mình quyết định viết bài viết này chia sẻ cách tạo hiệu ứng hover hình chạy trên xuống đẹp.

Đầu tiên: các bạn tạo cho mình mã html chứa link hình với class “datit” để mình css :

Tiếp theo đó, Ta viết thêm css cho nó :

Và bây giờ chúng ta nhúng cho nó mã js sau để nó tạo hiệu ứng nhé.

Như vậy là chúng ta đã tạo được hiệu ứng hover hình chạy trên xuống đẹp. Chúc các bạn thành công.

loading...

Bài viết liên quan