Penjana Peralihan CSS3
Peralihan kelegapan lancar
Pratetap Popular
Kesan Pudar
Peralihan kelegapan lancar
Kesan Skala
Ubah saiz elemen semasa menuding
Kesan Putar
Putar elemen semasa menuding
Kesan Slaid
Gerakkan kedudukan elemen
Perubahan Warna
Peralihan warna latar belakang
Perihal Peralihan
Peralihan CSS membolehkan anda menukar nilai hartanah dengan lancar, dalam tempoh tertentu.
Sifat animasi yang biasa termasuk:
- lebar, tinggi
- margin, padding
- kelegapan, warna
- transform (scale, rotate, translate)
- background-color
Petua Pro: Gunakan pilihan 'Semua Sifat' untuk menghidupkan semua perubahan.
Preview
Kod yang dijana
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kawalan Peralihan
Kesan Tempat Yang Muluh
Related Tools
Penukar Sass kepada CSS
Ubah kod Sass anda kepada CSS. Pantas, mudah dan selamat.
Penjana Butang CSS Percuma
Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
SHA3-224 Kalkulator Hash
Jana cincang SHA3-224 dengan cepat dan mudah
Pengindah JavaScript
Format dan cantikkan kod JavaScript anda dengan ketepatan profesional
Penukar Panjang
Tukar antara unit panjang yang berbeza dengan mudah dan tepat. Sesuai untuk kegunaan harian dan aplikasi profesional.