Tôi Viết Code

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

Vui Lòng Giữ Nguồn Bài Viết Nếu Có Copy Bài Từ Tôi Viết Code.
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.
Sử dụng thuộc tính transition cho css hover - Tôi Viết Code

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.

8 comments:

  1. share code tự động chuyển chế độ darkmode đi

    ReplyDelete
  2. Replies
    1. Ô tìm hiểu dần về css cơ bản và cách viết nhé, sau đó ô sẽ hiểu phần này

      Delete
  3. Anh góp ý chút, em cứ share hết css, html tips, rồi tạo sidebar để người đọc dễ tìm bài viết khác hơn. Demo

    ReplyDelete
    Replies
    1. Em định sẽ viết xong rồi thêm chuyên mục theo label vào sidebar sau

      Delete