UTILS.
Riêng tư ngay từ đầu
⤿

Trình tạo CSS Animation

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

Tệp luôn ở trên thiết bị này

Tệp được xử lý trong trình duyệt, không bao giờ tải lên máy chủ. Trang web tải mã và tài nguyên cần thiết để chạy công cụ. Không tài khoản hay theo dõi.

Dùng Tải xuống để lưu công cụ thành một tệp HTML dùng ngoại tuyến.

Quyền riêng tư →

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