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
CSS3 overgangsgenerator
Jevn opasitetsovergang
Pekepenn til CSS-konvertering
Forvandle SCSS-koden din til CSS. Raskt, enkelt og sikkert.
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Border RadiusGenerator
Et CSS-generatorverktøy med grenseradius for raskt å generere CSS-deklarasjoner med grenseradius.
Volum enhet omformer
Konverter mellom ulike volumenheter med presisjon for matlaging, ingeniørarbeid og vitenskapelige behov
Hex til oktal
Konverter heksadesimale tall til oktale uten problemer