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.

Referens för kortkommandon

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

Färgpalettgenerator

Skapa monokromatiska, analoga, komplementära, triadiska eller tetradiska färgpaletter från en HEX-basfärg och exportera kopieringsklara CSS-variabler.

Slumpgenerator för bokstäver

Generera slumpade A-Z-bokstäver. Välj antal, versaler, gemener eller blandat läge och använd resultatet för spel, uppgifter eller klassrumsaktiviteter.

HTML-formaterare

Formatera HTML lokalt i webbläsaren med indrag på två eller fyra blanksteg. HTML laddas inte upp eller valideras.

Verktyget finns på andra språk