Một số hiệu ứng hover với button (P2)

0
375

[VIDEO TUT]

  • Đang cập nhật…
Bấm Subscribe Nhận video học mới nhất :

1. Giới thiệu

  • Trở lại trong series bài viết về hover thì trong phần tiếp theo này tôi xin hướng dẫn với các bạn sử dụng hover để tạo hiệu ứng gập giấy

2. Demo

  • Chúng ta sẽ bắt đầu với hiệu ứng HTML:

  •  Tương tự trong phần một chúng ta sẽ có css cho nó và dùng thuộc tính beforeafter

  • Ok giờ chúng ta sẽ chạy thử xem thế nào nhé

3. Hiển thị trên trình duyệt

  • Trước khi hover:

1

  • Sau khi có hiệu ứng hover:

1

4. Lời kết

  • Với hiệu ứng này các bạn có thể áp dụng cho một số thành phần <button> mà bạn thích cho website của mình. Xin chào chúc các bạn học thật tốt.

Hướng dẫn học html và css qua video tại đây

Tác giả : Hà Trần Vietpro

[Total: 0    Average: 0/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here