CSS3 Transition Generator
Jævn opacitetsovergang
Populære forudindstillinger
Udtoningseffekt
Udjævn opacitetsovergang
Skaler effektTilpas
element ved pegning
Roter effekt
Roter element ved pegning
Slideeffekt
Flyt elementplacering
Farve Skift
baggrundsfarveovergang
Om overgange
CSS-overgange giver dig mulighed for at ændre egenskabsværdier jævnt over en given varighed.
Almindelige animerede egenskaber omfatter:
- bredde, højdemargen
- , padding
- opacitet, farve
- transform (scale, rotate, translate)
- background-color
Pro Tip: Brug indstillingen 'Alle egenskaber' til at animere alle ændringer.
Preview
Genereret kode
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Overgang Kontrolelementer
Svæveeffekter
Related Tools
Sass til CSS konverter
Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.
CSS til LESS-konverter
Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.
Less til CSS Konverter
Omdan din Less-kode til CSS. Hurtigt, nemt og sikkert.
HSV til RGB
Konverter HSV-farvekoder til RGB-værdier til webudvikling
Aldersberegner
Beregn din nøjagtige alder i år, måneder og dage med vores præcise aldersberegner.
Volumetrisk flowhastighedskonverter
Konverter volumetrisk flowhastighed mellem forskellige enheder med præcision og lethed