Thuộc tính animation-delay CSS

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

animation-delay Thuộc tính này định nghĩa animation bắt đầu khi nào.

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

Lưu ý:Cho phép giá trị âm, -2s sẽ bắt đầu animation ngay lập tức nhưng bỏ qua 2 giây để vào chu kỳ animation.

Xem thêm:

Hướng dẫn CSS3:CSS Animation

Hướng dẫn tham khảo HTML DOM:Thuộc tính animationDelay

Mô hình

Ví dụ 1

Chờ 2 giây sau đó bắt đầu animation:

div {
  animation-delay: 2s;
}

Thử ngay

Ví dụ 2

Giá trị âm, lưu ý rằng animation sẽ bỏ qua 2 giây để bắt đầu chu kỳ animation:

div {
  animation-delay: -2s;
}

Thử ngay

Cú pháp CSS

animation-delay: time;
Giá trị Mô tả Kiểm tra
time Tùy chọn. Định nghĩa thời gian chờ trước khi bắt đầu animation, bằng giây hoặc miligây. Giá trị mặc định là 0. Kiểm tra

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.animationDelay="2s"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.

Sử dụng số với tiền tố -webkit-、-moz- hoặc -o- để chỉ phiên bản đầu tiên của tiền tố.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-