Thuộc tính transition-duration CSS

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

Thuộc tính transition-duration định nghĩa thời gian cần thiết để hoàn thành hiệu ứng chuyển đổi (bằng giây hoặc mili giây).

Xem thêm:

Hướng dẫn CSS:CSS chuyển đổi

Hướng dẫn HTML DOM:Thuộc tính transitionDuration

Mô hình

Làm cho hiệu ứng chuyển đổi kéo dài 5 giây:

div {
  transition-duration: 5s;
}

Thử ngay

Cú pháp CSS

transition-duration: thời gian;

Giá trị thuộc tính

Giá trị Mô tả
thời gian

Định nghĩa thời gian cần thiết để hoàn thành hiệu ứng chuyển đổi (bằng giây hoặc mili giây).

Giá trị mặc định là 0, có nghĩa là sẽ không có hiệu ứng.

Chi tiết kỹ thuật

Giá trị mặc định: 0
Kế thừa: no
Phiên bản: CSS3
Cú pháp JavaScript: object.style.transitionDuration="5s"

Hỗ trợ trình duyệt

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

Số liệu với tiền tố -webkit-、-moz- hoặc -o- biểu thị phiên bản đầu tiên của tiền tố được sử dụng.

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-