Thuộc tính transitionDuration của Style

Định nghĩa và cách sử dụng

transitionDuration Thuộc tính thiết lập hoặc trả về thời gian cần thiết để hoàn thành hiệu ứng chuyển đổi, tính bằng giây (s) hoặc miligây (ms).

Xem thêm:

Cuốn sách tham khảo CSS:Thuộc tính transition-duration

Mẫu

Tăng tốc hiệu ứng chuyển đổi:

document.getElementById("myDIV").style.transitionDuration = "1s";

Thử ngay

Cú pháp

Trả về thuộc tính transitionDuration:

object.style.transitionDuration

Đặt thuộc tính transitionDuration:

object.style.transitionDuration = "time|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
time Định nghĩa thời gian cần thiết để hoàn thành hiệu ứng chuyển đổi, tính bằng giây hoặc miligây. Giá trị mặc định là 0, nghĩa là không có hiệu ứng.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Giá trị trả về: chuỗi, biểu thị Thuộc tính transition-duration.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
26.0 10.0 16.0 6.1 12.1