UTILS.
100% trong trình duyệt
⤿

Trình tạo CSS Animation

Tạo hiệu ứng keyframe, xem trước trực tiếp và sao chép CSS.

Về công cụ này

Chọn một hiệu ứng có sẵn với thời lượng, hàm thời gian và số lần lặp, xem nó chạy trực tiếp, rồi sao chép các quy tắc @keyframes và animation. Tất cả chạy trong trình duyệt của bạn.

Câu hỏi thường gặp

Số lần lặp điều khiển điều gì?
Nó đặt số lần hiệu ứng phát; chọn infinite để lặp vô tận hoặc một con số để chạy đúng số lần đó.
Làm sao để chạy lại hiệu ứng?
Nhấn Phát lại — nó tạm gỡ và áp dụng lại hiệu ứng để bản xem trước chạy lại từ keyframe đầu tiên.

Công cụ khác