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

0
445

[VIDEO TUT]

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

1. Giới thiệu

  • Các bạn đã biết với hover chúng ta có thể làm được rất nhiều việc trong website. Hôm nay thì tôi sẽ giới thiệu với các bạn hiệu ứng động của css3 với hover

2. Demo

  • html của tôi :

  • Tôi có mã CSS:

  • Như vậy ta có khung như sau:

1

  • Giờ tôi sẽ thêm thuộc tính @keyframes. Thì như các bạn đã biết thuộc tính @keyframes dùng để điều khiển diễn biến một hoạt động của thành phần

  • Các bạn hãy thử kiểm tra trên trình duyệt nút <button> của chúng ta đã di chuyển theo chiều ngang khi ta thực hiện hành động hover

3. Lời kết

  • Trong bài học hôm nay tôi có giới thiệu với các bạn về thuộc tính chuyển động @keyframe. Hi vọng sẽ giúp ích được cho các bạn. Chúc các bạn học thật tốt

Các bạn có thể tham khảo các bài học html cơ bản và css khác tại đây.

[Total: 3    Average: 4.7/5]

LEAVE A REPLY

Please enter your comment!
Please enter your name here