Daily Toolkits

CSS Triangle Generator

Generer CSS-trekanter med det klassiske kanttrick. Indstil retning, størrelse og farve, og kopier derefter uddraget.

CSS Triangle Generator

Live

CSS output

width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 60px solid #e11d48;

Key capabilities

  • Generer CSS-trekanter med kanttricks - retning, størrelse og farve.
  • Kører i din browser
  • Gratis at bruge

Sådan bruges

  1. Vælg trekantretning.
  2. Indstil størrelse og fyldfarve.
  3. Kopier CSS'en.

How this tool works

  1. Vælg trekantretning.
  2. Indstil størrelse og fyldfarve.
  3. Kopier CSS'en.

Recommended settings

  • Brug først standardindstillingerne, og juster derefter om nødvendigt

Supported formats

Text / on-page input

File size and limits

  • Meget komplekse flerlags forhåndsvisninger kan føles langsommere på ældre telefoner.

Privacy

Farve- og CSS-generatorer kører udelukkende i din browser. Forhåndsvisninger og konverteringer uploader aldrig dine stilarter.

Common use cases

  • Brug CSS Triangle Generator, når du har brug for det: Generer CSS-trekanter med kanttricks - retning, størrelse og farve.

Troubleshooting

Eksempel ser anderledes ud efter indsætning

Tjek for konkurrerende CSS på din side (nulstillinger, nedarvede farver). Kopier først den genererede regel til et isoleret typografiark.

FAQ

Uploader dette min CSS?

Nej. Generatorer og konvertere kører i din browser med live preview.

Har jeg brug for en konto?

Nej. Åbn værktøjet, juster kontroller, og kopier CSS'en.

Relaterede værktøjer

CSS Clip Path Generator

Build polygon and shape clip-paths with an interactive preview.

Open tool

Border Radius Generator

Control each corner independently and preview rounded shapes with copy-ready CSS.

Open tool

Box Shadow Generator

Design layered box-shadows with offset, blur, spread, and color — live preview included.

Open tool