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
HOVER ME
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
300
0
Hover effekter
100%
100%
0°
0px
0px
8px
8px
Related Tools
CSS3 overgangsgenerator
Jevn opasitetsovergang
Sass til CSS-konvertering
Forvandle Sass-koden din til CSS. Raskt, enkelt og sikkert.
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Base64 dekoderverktøy
Generer sikre passordhasher for WordPress
Tekst til binær
Konverter tekst til binær kode uten problemer
Shake-256 Hash Kalkulator
Generer Shake-256-hasher raskt og enkelt