Editor keyframe CSS
Buat keyframe transformasi/opasitas dengan pemutaran terkontrol dan ekspor CSS.
- Berjalan di browser
- Tanpa unggahan
- Periksa sebelum mengunduh
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Batas sumber daya
2–32 keyframe persentase yang berbeda, termasuk 0 dan 100. Translasi ±500 px, rotasi ±1080 derajat, skala 0–5, opasitas 0–1, durasi 0,1–60 detik, pengulangan 1–20. Pemutaran manual menghormati pengaturan pengurangan gerakan. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Cara menggunakan
- Atur contoh
Edit persentase, translasi, rotasi, skala, dan opasitas untuk tiap keadaan. Atur durasi, kurva, dan jumlah pengulangan. Tekan Buat, lalu putar atau jeda pratinjau lokal secara eksplisit; ekspor urutan yang sama.
- Periksa sebelum dipakai
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu. 2–32 keyframe persentase yang berbeda, termasuk 0 dan 100. Translasi ±500 px, rotasi ±1080 derajat, skala 0–5, opasitas 0–1, durasi 0,1–60 detik, pengulangan 1–20. Pemutaran manual menghormati pengaturan pengurangan gerakan. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
- Ekspor hasil yang sudah diperiksa
Unduh hasil; Unduh file asli
Pertanyaan dan batas
Batas sumber daya
2–32 keyframe persentase yang berbeda, termasuk 0 dan 100. Translasi ±500 px, rotasi ±1080 derajat, skala 0–5, opasitas 0–1, durasi 0,1–60 detik, pengulangan 1–20. Pemutaran manual menghormati pengaturan pengurangan gerakan. Pratinjau lokal yang terbatas, bukan jaminan untuk semua browser/tata letak. Input tidak pernah dijalankan. Unduh HTML dan CSS sekaligus. Batas waktu: 8 detik.
Desain offline
Input tetap berada di tab ini dan tidak diunggah atau disimpan otomatis. Hitungan penggunaan agregat dan diagnostik pemrosesan yang umum bersifat opsional dan hanya dikirim setelah Anda setuju, tanpa isi input atau nama file. Jika tab dikosongkan atau ditutup, input hilang; simpan hasil yang Anda perlukan lebih dulu.
Periksa sebelum dipakai
Edit persentase, translasi, rotasi, skala, dan opasitas untuk tiap keadaan. Atur durasi, kurva, dan jumlah pengulangan. Tekan Buat, lalu putar atau jeda pratinjau lokal secara eksplisit; ekspor urutan yang sama.