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
SCSS til CSS konverter
Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.
Stylus til CSS-konverter
Omdan din SCSS-kode til CSS. Hurtigt, nemt og sikkert.
Sass til CSS konverter
Omdan din Sass-kode til CSS. Hurtigt, nemt og sikkert.
Fjern linjeskift fra din tekst
Konverter tekst med flere linjer til en enkelt kontinuerlig linje med vores brugervenlige værktøj.
Energienhedskonvertering
Konverter mellem forskellige energienheder med præcision og lethed
Effektenhedskonverter
Konverter mellem forskellige effektenheder med præcision til dine tekniske og videnskabelige behov