Softonic

CSS-pilgnerator

Steg 1 / 2
Nästa

Skapa en enkel CSS-pil. Välj höger, vänster, upp eller ned samt färg, kvadratisk storlek och ramtjocklek. Kopiera sedan den skapade .arrow-regeln.

Skapa en CSS-pil

  1. 1

    Välj riktning

    Välj höger, vänster, upp eller ned.

  2. 2

    Ställ in utseendet

    Välj färg, storlek och tjocklek i pixlar.

  3. 3

    Kopiera CSS

    Granska förhandsvisningen och kopiera regeln.

Generatorn skapar ett kvadratiskt .arrow-element med display: inline-block, samma bredd och höjd, höger och nedre ram samt en rotation för de fyra riktningarna.

Den skapar inte ramtrianglar, clip-path, SVG, toningar, diagonala pilar eller tooltip-svansar. Den ger inte heller HTML, layoutvalidering eller kompatibilitetsråd. Testa den kopierade regeln på din egen sida.

Relaterade verktyg

ASCII-tabellreferens

Full ASCII-tabell från 0 till 127 med decimal-, hex-, oktal- och binärvärden samt notation för numeriska HTML-referenser, inklusive NUL, LF och DEL.

HTML-teckenreferens

En sökbar lista över HTML-entiteter med deras namngivna och numeriska koder samt kopiering med ett klick för specialtecken och symboler.

Generator för platshållarbilder

Skapa en bild på 1–4000 px med egna färger och text, ladda ned PNG eller kopiera webbadress och HTML.

Referens för kortkommandon

Sök dokumenterade standardkommandon för VS Code, Chrome och Bash med GNU Readline i macOS, Windows och Linux.

Markdown-förhandsvisare

Skriv Markdown och se den renderade HTML:en uppdateras live. GitHub-flavored syntax med tabeller, uppgiftslistor, inramad kod och autolänkar.

JSON till Java-klass

Generera Java-POJO:er från JSON med Jackson- eller Gson-annoteringar, Lombok-stöd och hantering av nästlade klasser för Spring-projekt.

Verktyget finns på andra språk