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

Chi tiết

Liên quan

Nhận xét

Tác giả

Bản Quyền

Xem toàn trang

Nếu muốn xem bài viết một kích thước lớn hãy click xem toàn trang nhé!

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.

Chia sẻ lên Facebook

Chia sẻ lên Zalo

Lưu ý:
Sử dụng tiếng Việt có dấu khi bình luận, hạn chế viết tắt.
Bình luận đúng chủ đề bài viết, không SPAM trong bình luận.
Gửi kèm ảnh chụp màn hình để được hỗ trợ tốt nhất. Up ảnh lên trang imgur.com, sau đó sao chép link ảnh dán vào khung bình luận.
Để chèn hình ảnh, khi đăng nhận xét bạn nhập như sau: [img]https://i.imgur.com/xvhDr24.png[/img]

Trịnh Công Sơn

“Đừng so sánh mình với bất cứ ai trong thế giới này. Nếu bạn làm như vậy có nghĩa bạn đang sỉ nhục chính bản thân mình.”

Tất cả bài đăng trên website đều thuộc bản quyền về Tôi Viết Code, chỉ được phát hành lại nội dung từ website này khi có sự đồng ý bằng văn bản của admin