Thuộc tính CSS Animatable

Thuộc tính CSS Animatable nghĩa là chúng có thể được sử dụng trong phim hoạt hình và hiệu ứng chuyển tiếp.

Thuộc tính Animatable có thể thay đổi dần dần từ giá trị này sang một giá trị khác, như kích thước, số lượng, tỷ lệ và màu sắc…

Trình duyệt hỗ trợ

Các con số trong bảng dưới đây xác định các phiên bản trình duyệt đầu tiên hỗ trợ CSS animations.

Các thông số tiếp theo -webkit-, -moz-, hay -o- xác định phiên bản đầu tiên đã làm việc với một tiền tố.

Ví dụ

Tạo sự sinh động màu nền với thuộc tính background-color từ màu đỏ sang vàng:

/* CSS chạy tốt trên Chrome, Safari and Opera */@-webkit-keyframes mymove { from {background-color: red;} to {background-color: yelllow;}}/* Cú pháp chuẩn */@keyframes mymove { from {background-color: red;} to {background-color: yellow;}}

 Chạy thử với trình 

Soạn thảo css online

Các thuộc Animatable trong CSS

» Trở về xem bài học CSS online, hướng dẫn học CSS

Tác giá: Hoàng Luyến

https://hoangluyen.com/