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
HOVER ME
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
300
0
Užvedimo efektai
100%
100%
0°
0px
0px
8px
8px
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.
CSS3 perėjimo generatorius
Sklandus neskaidrumo perėjimas
Reaktyviosios energijos keitiklis
Tiksliai ir lengvai konvertuokite reaktyviąją energiją tarp skirtingų įrenginių
HMAC generatorius
Lengvai generuokite HMAC virškinimus
CSS Minifier
Suspauskite ir optimizuokite savo CSS kodą profesionaliu tikslumu