Thuộc tính hoạt ảnh CSS
Official Website: https://www.sourcecodester.com/. . . . .css3-animation.htm/
Ngôn ngữ
Hoạt hình trong CSS3 là gì? Thuộc tính hoạt hình là thuộc tính tốc ký cho phép thiết lập sáu thuộc tính hoạt hình cùng một lúc. Nó có cú pháp sau: Giá trị thuộc tính: tên – nó chỉ định tên của khung hình chính mà bạn muốn liên kết với bộ chọn. thời lượng – nó chỉ định thời lượng tính bằng giây hoặc mili giây của hoạt ảnh. chức năng định thời gian – nó chỉ định thời lượng tính bằng giây hoặc mili giây của hoạt ảnh. độ trễ – nó chỉ định độ trễ trước khi hoạt ảnh bắt đầu. iteration-count – nó chỉ định số lần phát hoạt ảnh. hướng – nó chỉ định xem hoạt ảnh có nên phát ngược lại theo các chu kỳ thay thế hay không. chế độ điền – nó chỉ định những giá trị nào được áp dụng bởi hoạt ảnh ngoài thời gian nó đang thực thi. trạng thái phát – nó chỉ định xem hoạt ảnh đang chạy hay bị tạm dừng. ban đầu – nó chỉ định rằng giá trị của thuộc tính phải được đặt thành giá trị mặc định. kế thừa – nó chỉ định rằng giá trị của thuộc tính sẽ được kế thừa từ phần tử cha. Ví dụ: Trong ví dụ này, bạn có thể xem cách sử dụng hoạt ảnh di chuyển trong ba hộp màu khác nhau từ trái sang phải bằng phím tắt hoạt ảnh : animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | initial | inherit ;
Mã CSS.
Mã nguồn đầy đủ
Đây là kết quả của đoạn mã trên:
Hy vọng rằng hướng dẫn này sẽ giúp bạn rất nhiều. Vậy bạn có thể nói gì về công việc này? Chia sẻ suy nghĩ của bạn trong phần bình luận bên dưới hoặc gửi email cho tôi theo địa chỉ rolyn02@gmail.com . Thực hành mã hóa. Cảm ơn rất nhiều.