Populära förinställningar
Tona-effekt
Mjuk opacitetsövergång
Skala effekt
Ändra storlek på element när du håller muspekaren över det
Rotera effekt
Rotera element när du håller muspekaren över det
Glid effekt
Flytta elementets position
Färgförändring
Övergång till bakgrundsfärg
Om övergångar
Med CSS-övergångar kan du ändra egenskapsvärden smidigt under en viss tid.
Vanligtvis animerade egenskaper inkluderar:
- bredd, höjd
- marginal, utfyllnad
- opacitet, färg
- transform (scale, rotate, translate)
- background-color
Proffstips: Använd alternativet "Alla egenskaper" för att animera alla ändringar.
Preview
Genererad kod
.element { transition-property: all; transition-duration: 300ms; transition-timing-function: ease; transition-delay: 0ms; } .element:hover { /* Hover styles will be generated here */ }
Kontroller för övergångar
Sväva över effekter
Related Tools
Sass till CSS Converter
Omvandla din Sass-kod till CSS. Snabbt, enkelt och säkert.
Generera CSS3-transformeringar med lätthet
Ett kraftfullt, intuitivt verktyg för att skapa komplexa CSS3-transformeringar utan att skriva kod. Visualisera ändringar i realtid och kopiera den genererade CSS:en för att använda i dina projekt.
Mindre till CSS Converter
Omvandla din Less-kod till CSS. Snabbt, enkelt och säkert.
Vikt Enhet Omvandlare
Konvertera mellan olika viktenheter med precision för dina matlagnings-, fitness- och samhällsbehov
Generera CSS3-transformeringar med lätthet
Ett kraftfullt, intuitivt verktyg för att skapa komplexa CSS3-transformeringar utan att skriva kod. Visualisera ändringar i realtid och kopiera den genererade CSS:en för att använda i dina projekt.
Binär till text
Konvertera binär kod till engelsk text utan ansträngning