CSS-pijlgenerator
Maak een eenvoudige CSS-pijl. Kies rechts, links, omhoog of omlaag en stel kleur, vierkante grootte en randdikte in. Kopieer daarna de gegenereerde .arrow-regel.
Een CSS-pijl maken
-
1
Kies een richting
Selecteer rechts, links, omhoog of omlaag.
-
2
Stel het uiterlijk in
Kies kleur, grootte en randdikte in pixels.
-
3
Kopieer de CSS
Controleer het voorbeeld en kopieer de regel.
De generator maakt één vierkant .arrow-element met display: inline-block, gelijke breedte en hoogte, een rechter- en onderrand en een rotatie voor de vier richtingen.
Hij maakt geen randdriehoeken, clip-path, SVG, verlopen, diagonale pijlen of tooltipstaarten. Ook levert hij geen HTML, layoutvalidatie of compatibiliteitsadvies. Test de gekopieerde regel in je eigen pagina.
Gerelateerde tools
ASCII-tabelreferentie
Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.
HTML-tekenreferentie
Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.
Sneltoetsenoverzicht
Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.
HAR-bestandsviewer
Open HAR-netwerkopnamen lokaal, filter verzoeken, bekijk gemaskeerde headers en timing en exporteer opgeschoonde samenvattingen zonder upload.
ASCII naar binair-converter
Converteer elke ASCII-string naar zijn binaire representatie. Elk teken wordt acht bits, gescheiden door spaties, klaar voor protocoltrace of huiswerk.
Telefoonnummers controleren
Controleer de structuur van telefoonnummers per land en bekijk regio, type en E.164-, internationale, nationale en RFC 3966-notatie.