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.
Penjana HMAC
Jana pencernaan HMAC dengan mudah
Penukar Unit Kuasa
Tukar antara unit kuasa yang berbeza dengan ketepatan untuk keperluan kejuruteraan dan saintifik anda
Penjana Segitiga CSS
Sesuaikan segitiga anda dengan pilihan di bawah dan dapatkan kod CSS yang dijana serta-merta.