Thuộc tính animation-name CSS

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

animation-name Thuộc tính quy định tên animation @keyframes.

Ghi chú:Luôn quy định animation-duration Nếu không quy định thuộc tính, thời gian là 0, động ảnh sẽ không phát lại.

Xem thêm:

Hướng dẫn CSS3:CSS Animation

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

Mô hình

Định nghĩa một tên cho animation @keyframes:

div
{
animation:mymove 5s infinite;
}

Thử ngay

Cú pháp CSS

animation-name: keyframename|none;

Giá trị thuộc tính

Giá trị Mô tả
keyframename Định nghĩa tên keyframe cần gắn kết với chọn lọc.
không có Định nghĩa không có hiệu ứng động (sử dụng để che giấu hiệu ứng động từ cascading).

Chi tiết kỹ thuật

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

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.

Để sử dụng tiền tố -webkit-、-moz- hoặc -o- với số liệu, nó đại diện cho 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-