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
HOVER ME
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
300
0
Kesan Tempat Yang Muluh
100%
100%
0°
0px
0px
8px
8px
Related Tools
Penukar Sass kepada CSS
Ubah kod Sass anda kepada CSS. Pantas, mudah dan selamat.
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.
Oktal kepada Teks
Tukar perwakilan oktal kepada teks dengan mudah
Kalkulator Margin
Kira margin keuntungan, margin kasar dan markup dengan kalkulator margin komprehensif kami.
Perpuluhan kepada Teks
Tukar perwakilan perpuluhan kepada teks dengan mudah