Thuộc tính animationName của Style
- Trang trước animationIterationCount
- Trang tiếp theo animationTimingFunction
- Quay lại lớp trên Đối tượng Style của HTML DOM
Định nghĩa và cách sử dụng
animationName
Thiết lập hoặc trả về tên của animation @keyframes.
Mô hình
Thay đổi thuộc tính animationName của phần tử <div>:
document.getElementById("myDIV").style.animationName = "myNEWmove";
Cú pháp
Trả về thuộc tính animationName:
object.style.animationName
Đặt thuộc tính animationName:
object.style.animationName = "none|keyframename|initial|inherit"
Giá trị thuộc tính
Giá trị | Mô tả |
---|---|
none | Giá trị mặc định. Định nghĩa không có animation (sử dụng để che盖 animation từ cascading). |
keyframename | Định nghĩa tên của các keyframe cần gắn kết với bộ lọc. |
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ừ phần tử cha. Xem thêm inherit. |
Chi tiết kỹ thuật
Giá trị mặc định: | none |
---|---|
Giá trị trả về: | Chuỗi biểu thị Thuộc tính animation-name. |
Phiên bản CSS: | CSS3 |
Hỗ trợ trình duyệt
animationName
Là tính năng CSS3 (1999).
Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ | 11 |
Trang liên quan
CSS Tham khảoThuộc tính animation-name
- Trang trước animationIterationCount
- Trang tiếp theo animationTimingFunction
- Quay lại lớp trên Đối tượng Style của HTML DOM