Sử dụng thuộc tính transition cho css hover

Hello xin chào tất cả các bạn, chào mừng các bạn đã trở lại với blog Tôi Viết Code.
Bài trước mình đã giới thiệu cho các bạn cách sử dụng css hover rồi, cũng như đã nói ở cuối bài thì bài này mình sẽ hướng dẫn các bạn sử dụng thuộc tính transition dành cho hover.
Thuộc tính này sẽ giúp phần tử hover trở nên "uyển chuyển" và chuyên nghiệp hơn.

Các bước thực hiện

Bước 1: Viết một đoạn css cho vùng chọn phần tử như bài trước mình đã giới thiệu.
Bước 2: thêm thuộc tính như dưới vào vùng chọn trong vùng chọn{...}.

vùng chọn{transition: số thời gian}

Trong đó: Số thời gian có thể thay thế bằng giây. VD: transition: .3s
Bước 3: Các bạn có thể chỉnh sửa & lưu lại.

Tổng kết

Ok vậy là đã hướng dẫn các bạn xong cách sử dụng thộc tính transition cho hover.
Sắp tới mình sẽ ra mắt thêm nhiều kiến thức hay nữa về css.
Nếu không hiểu thì bình luận bên dưới để mình giúp.
Chúc các bạn thành công.