Hoạt hình CSS
Định nghĩa và Cách sử dụng
Một số thuộc tính CSS có thể hoạt hình, có nghĩa là chúng có thể được sử dụng trong hoạt ảnh và chuyển tiếp.
Các thuộc tính hoạt hình có thể thay đổi dần dần từ giá trị này sang giá trị khác, như kích thước, số, tỷ lệ phần trăm và màu sắc.
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ hoạt ảnh CSS.
Các số theo sau -webkit-, -moz- hoặc -o- chỉ định phiên bản đầu tiên hoạt động với tiền tố.
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- |
Thí dụ
Tạo hoạt ảnh cho màu nền từ đỏ sang xanh lam:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Thuộc tính hoạt hình
Các thuộc tính này có thể hoạt hình trong CSS: