- Gratis
- Tanpa daftar
- Bisa di perangkat apa pun
Tidak ada alat yang cocok dengan pencarian Anda.
- Gratis
- Tanpa daftar
- Bisa di perangkat apa pun
Buat kode QR untuk tautan, Wi-Fi, WhatsApp, kontak, dan lainnya, atau baca kode QR dari foto.
- Gratis
- Tanpa daftar
- Bisa di perangkat apa pun
Isi detailnya untuk melihat kode QR Anda.
PNG untuk ponsel, chat, dan situs web. SVG dan PDF tetap tajam di ukuran berapa pun, paling cocok untuk dicetak. Tips: arahkan kamera ponsel ke pratinjau untuk mengujinya.
3. Gaya (opsional): warna, titik, logo
Pilih foto atau tangkapan layar atau seret ke sini
Bisa untuk foto kode cetak, tangkapan layar, dan file gambar.
Mencari kode QR…
Pembuat animasi CSS
Bounce, fade, shake, slide, dan lainnya sebagai @keyframes, siap disalin.
- Gratis
- Tanpa daftar
- Bisa di perangkat apa pun
Tentang Pembuat animasi CSS
Pilih efek siap pakai seperti bounce, fade, shake, pulse, atau slide, atur durasi dan penundaan, lalu salin aturan @keyframes beserta properti animation. Gunakan transform dan opacity bila memungkinkan, karena browser menganimasikannya dengan mulus tanpa menghitung ulang tata letak halaman.
Cara menggunakan Pembuat animasi CSS
- Pilih efek seperti bounce, fade, shake, atau slide.
- Atur durasi dan jeda, lalu perhatikan pratinjau.
- Salin keyframes dan properti animation ke CSS Anda.
Mengapa menggunakan alat ini?
- Pribadi: semuanya berlangsung di browser Anda. Tidak ada yang Anda masukkan yang diunggah.
- Gratis, tanpa daftar, tanpa watermark, dan tanpa batas pemakaian.
- Bisa di ponsel, tablet, dan komputer: Android, iPhone, Windows, Mac, dan Linux. Tidak perlu instal apa pun.
- Gratis disematkan di situs web Anda sendiri, dengan kode siap salin.
- Tersedia dalam 10 bahasa.
Dikenal juga sebagai
Pertanyaan umum
Bagaimana cara membuat animasi CSS berulang selamanya?
Atur animation-iteration-count ke infinite, atau pakai infinite dalam singkatan animation. Tambahkan fungsi waktu seperti ease-in-out agar perulangan terasa alami.
Bagaimana cara menjalankan animasi hanya sekali?
Atur jumlah iterasi ke 1 alih-alih infinite. Tambahkan fill-mode forwards jika Anda ingin elemen tetap pada keadaan akhirnya setelahnya.
Bagaimana cara memakai animasi pada elemen saya?
Tempel keyframes ke stylesheet Anda, lalu tambahkan properti animation ke kelas elemen yang ingin Anda gerakkan.
Apakah Pembuat animasi CSS gratis?
Ya. Pembuat animasi CSS di Toolipedia gratis digunakan, tanpa daftar dan tanpa watermark.
Apakah aman digunakan?
Ya. Semuanya dihitung di browser Anda, dan tidak ada yang Anda masukkan yang dikirim ke server kami.
Apakah bisa di ponsel saya?
Ya. Alat ini bisa digunakan di browser modern mana pun di Android dan iPhone, juga di tablet dan komputer. Tidak perlu instal apa pun.
Apakah saya perlu akun?
Tidak. Cukup buka halaman dan gunakan alatnya. Tanpa daftar dan tanpa email.
Bisakah saya menaruh Pembuat animasi CSS di situs web saya sendiri?
Ya. Gunakan tombol "Sematkan di situs Anda" di bawah alat untuk menyalin potongan kode singkat dan menempelkannya ke halaman Anda. Gratis, tanpa akun, dan alat tetap berfungsi di dalam halaman Anda.