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.
Penukar SCSS kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Penukar Stylus kepada CSS
Ubah kod SCSS anda kepada CSS. Pantas, mudah dan selamat.
Kalkulator Peratusan
Kira peratusan dengan mudah dengan kalkulator peratusan intuitif kami.
Penukar CSS kepada LESS
Ubah kod CSS anda kepada KURANG dengan pembolehubah, bersarang dan banyak lagi. Pantas, mudah dan selamat.
Buat pemuat CSS yang cantik
Jana animasi pemuatan CSS tersuai dalam beberapa saat dengan antara muka seret dan lepas intuitif kami. Tiada pengekodan diperlukan!