Developer Tools
CSS Gradient Generator
🔒 Kører i din browser
Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS instantly. Free, runs in your browser.
Sådan bruger du dette værktøj
- Vælg gradienttype, retning og farvesætstop.
- Forhåndsvis den live gradient og juster, indtil du er tilfreds.
- Kopiér den genererede CSS-kode ind i dit stylesheet.
Color stops
0%
100%
CSS
background: linear-gradient(135deg, #f97316 0%, #8b5cf6 100%);
Ofte stillede spørgsmål
- Sender gradientgeneratoren mine data til en server?
- Nej. Al gradientrendering og CSS-kodegenerering sker udelukkende i din browser. Intet overføres nogen steder.
- Hvilke typer gradienter kan jeg lave?
- Du kan lave CSS-lineære gradienter (retningsbestemte farveovergange) og radielle gradienter (cirkulære eller elliptiske). Begge understøtter flere farvestop.
- Kan jeg bruge outputtet direkte i min CSS?
- Ja. Værktøjet genererer klar-til-brug CSS-kode, som du kan kopiere og indsætte direkte i dit stylesheet.
- Understøtter det flere farvestop?
- Ja. Du kan tilføje så mange farvestop, du har brug for, og justere deres positioner langs gradientaksen.