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
Generer CSS3-transformasjoner med letthet
Et kraftig, intuitivt verktøy for å lage komplekse CSS3-transformasjoner uten å skrive kode. Visualiser endringer i sanntid og kopier den genererte CSS-en for bruk i prosjektene dine.
Mindre til CSS-konverterer
Forvandle Less-koden din til CSS. Raskt, enkelt og sikkert.
Omformer for lading
Konverter elektriske ladningsmålinger mellom ulike enheter med presisjon
JSON til Base64-omformer
Kod JSON-dataene dine til Base64-format på en sikker og effektiv måte
Universell enhetsomformer
Konverter mellom forskjellige enheter på tvers av flere kategorier med presisjon for alle dine behov