CSS hoạt hình
Định nghĩa và cách sử dụng
Một số thuộc tính CSS có thể hoạt hình , 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 có thể 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ố lượng, tỷ lệ phần trăm và màu sắc.
Hỗ trợ trình duyệt
Các con 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 là -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- |
Ví dụ
Làm sinh động màu nền từ đỏ sang xanh:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
Hãy tự mình thử » Thuộc tính hoạt hình
Các thuộc tính này có thể hoạt hình trong CSS: