CSS3 perėjimo generatorius
Sklandus neskaidrumo perėjimas
Populiarūs išankstiniai nustatymai
Išblukimo efektas
Sklandus neskaidrumo perėjimas
Skalės efektas
Elemento dydžio keitimas užvedus pelės žymeklį
Pasukimo efektas
Pasukite elementą užvedę pelės žymeklį
Skaidrės efektas
Perkelti elemento padėtį
Spalvos pakeitimas
Fono spalvų perėjimas
Apie perėjimus
CSS perėjimai leidžia sklandžiai keisti nuosavybės vertes per tam tikrą laiką.
Dažniausiai animuotos ypatybės:
- plotis, aukštis
- paraštė, paminkštinimas
- neskaidrumas, spalva
- transform (scale, rotate, translate)
- background-color
Profesionalų patarimai: Naudokite parinktį "Visos ypatybės", kad animuotumėte visus pakeitimus.
Preview
Sugeneruotas kodas
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Pereinamojo laikotarpio valdikliai
Užvedimo efektai
Related Tools
Mažiau į CSS Konverteris
Paverskite savo "Less" kodą į CSS. Greita, paprasta ir saugu.
Sass į CSS Konverteris
Paverskite savo Sass kodą į CSS. Greita, paprasta ir saugu.
Lengvai generuokite CSS3 transformacijas
Galingas, intuityvus įrankis sudėtingoms CSS3 transformacijoms kurti be kodo rašymo. Vizualizuokite pakeitimus realiuoju laiku ir nukopijuokite sugeneruotą CSS, kad galėtumėte naudoti savo projektuose.
Pasikliautinųjų Intervalų Skaičiuoklė
Tiksliai ir lengvai apskaičiuokite pavyzdinių duomenų patikimumo intervalus.
Vaizdas į "Base64" keitiklį
Konvertuokite vaizdus į "Base64" kodavimą žiniatinklio kūrimui ir duomenų įterpimui
Rašiklis į CSS Konverteris
Transformuokite savo SCSS kodą į CSS. Greita, paprasta ir saugu.