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
CSS til LESS-konverter
Omdan din CSS-kode til LESS med variabler, indlejring og meget mere. Hurtigt, nemt og sikkert.
Sass til CSS konverter
Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.
Stylus til CSS-konverter
Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.
Storage Density Unit Converter
Konverter mellem forskellige enheder af datalagringstæthed med præcision
Oktal til decimal
Konverter oktale tal til decimaltal uden besvær
GST-beregner
Beregn skat på varer og tjenesteydelser (GST) med vores brugervenlige GST-beregner.