Thuộc tính transition-delay CSS

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

Thuộc tính transition-delay quy định khi nào hiệu ứng chuyển đổi bắt đầu.

Giá trị transition-delay tính bằng giây hoặc mili giây.

Xem thêm:

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

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

Mô hình

Chờ 2 giây trước khi hiệu ứng chuyển đổi bắt đầu:

div {
  transition-delay: 2s;
}

Thử nghiệm trực tiếp

Cú pháp CSS

transition-delay: time;

Giá trị thuộc tính

Giá trị Mô tả
time Định nghĩa thời gian chờ cần thiết trước khi hiệu ứng chuyển đổi bắt đầu, tính bằng giây hoặc mili giây.

Chi tiết kỹ thuật

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

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- hoặc -moz- đại diện cho phiên bản đầu tiên sử dụng tiền tố.

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-