CSS3 overgangsgenerator
Jevn opasitetsovergang
Populære forhåndsinnstillinger
Fade-effekt
Jevn opasitetsovergang
Skala effekt
Endre størrelse på element når du holder musepekeren over
Roter effekt
Roter element når du holder musepekeren over
Lysbilde-effekt
Flytt elementposisjon
Fargeendring
Overgang til bakgrunnsfarge
Om overganger
CSS-overganger lar deg endre egenskapsverdier jevnt, over en gitt varighet.
Animerte egenskaper som vanligvis inkluderer:
- bredde, høyde
- marg, polstring
- opasitet, farge
- transform (scale, rotate, translate)
- background-color
Profftips: Bruk alternativet "Alle egenskaper" for å animere alle endringer.
Preview
Generert kode
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kontroller for overganger
Hover effekter
Related Tools
SCSS til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
CSS-minifier
Komprimer og optimaliser CSS-koden din med profesjonell presisjon
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
HSV til CMYK
Konvertere HSV-fargekoder til CMYK-verdier for utskriftsdesign
CSS-filtergenerator
Opprett og visualiser tilpassede CSS-bildefiltre