Generator Transisi CSS3
Transisi opasitas yang mulus
Preset Populer
Efek Pudar
Transisi opasitas yang mulus
Efek Skala
Ubah ukuran elemen saat mengarahkan kursor
Efek Putar
Putar elemen saat mengarahkan kursor
Efek Geser
Pindahkan posisi elemen
Perubahan Warna
Transisi warna latar belakang
Tentang Transisi
Transisi CSS memungkinkan Anda mengubah nilai properti dengan lancar, selama durasi tertentu.
Properti animasi yang umum meliputi:
- lebar, tinggi
- margin, padding
- opasitas, warna
- transform (scale, rotate, translate)
- background-color
Kiat Pro: Gunakan opsi 'Semua Properti' untuk menganimasikan semua perubahan.
Preview
Kode yang Dihasilkan
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kontrol Transisi
Efek Kursor
Related Tools
Generator Transisi CSS3
Transisi opasitas yang mulus
Buat Tata Letak Flexbox yang Sempurna
Visualisasikan, sesuaikan, dan hasilkan kode flexbox CSS dengan antarmuka seret dan lepas kami yang intuitif.
Konverter Sass ke CSS
Ubah kode Sass Anda menjadi CSS. Cepat, mudah, dan aman.
Konverter Satuan Astronomi
Konversi antar satuan astronomi dengan presisi untuk perhitungan ruang angkasa Anda
Kalkulator Hash Shake-128
Hasilkan hash Shake-128 dengan cepat dan mudah
Konverter Unit Kepadatan Penyimpanan
Konversi antara unit kepadatan penyimpanan data yang berbeda dengan presisi