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
Buat Susun Atur Flexbox yang Sempurna
Visualisasikan, sesuaikan dan jana kod kotak fleksibel CSS dengan antara muka seret dan lepas intuitif kami.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Penukar SCSS kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Kalkulator Cincang CRC-32
Jana jumlah semak CRC-32 dengan cepat dan mudah
HSV kepada RGB
Tukar kod warna HSV kepada nilai RGB untuk pembangunan web
Kalkulator Peratusan
Kira peratusan dengan mudah dengan kalkulator peratusan intuitif kami.