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 Pantone
Konverter HSV-farvekoder til Pantone-referencer® til printdesign
CMYK til PANTONE
Konverter CMYK-farveværdier til nærmeste Pantone-ækvivalenter® til printdesign
Force Conversion Tool
Kraftkonverteren er et praktisk enhedskonverteringsværktøj, der lader dig hurtigt skifte mellem forskellige kraftenheder.