CSS-Pfeil-Generator
Erstellen Sie einen einfachen CSS-Pfeil. Wählen Sie rechts, links, oben oder unten sowie Farbe, quadratische Größe und Rahmenstärke. Anschließend kopieren Sie die erzeugte .arrow-Regel.
CSS-Pfeil erstellen
-
1
Richtung wählen
Wählen Sie rechts, links, oben oder unten.
-
2
Aussehen festlegen
Setzen Sie Farbe, Größe und Rahmenstärke in Pixeln.
-
3
CSS kopieren
Prüfen Sie die Vorschau und kopieren Sie die Regel.
Der Generator erzeugt ein quadratisches .arrow-Element mit display: inline-block, gleich großer Breite und Höhe, rechtem und unterem Rahmen sowie einer Drehung für die vier Richtungen.
Er erzeugt keine Border-Dreiecke, clip-path-, SVG-, Verlauf-, diagonalen oder Tooltip-Pfeile. Er liefert weder HTML noch Layoutprüfung oder Browserhinweise. Testen Sie die kopierte Regel in Ihrer Seite.
Verwandte Tools
ASCII-Tabelle Referenz
Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.
Referenz für Tastenkombinationen
Durchsuchen Sie dokumentierte Standardkürzel für VS Code, Chrome und Bash mit GNU Readline unter macOS, Windows und Linux.
HTML-Zeichenreferenz
Durchsuchbare Liste von HTML-Entitäten, ihren benannten und numerischen Codes sowie eine Ein-Klick-Kopie für Sonderzeichen und Symbole.
Zufallsbuchstaben-Generator
Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.
Telefonnummern prüfen
Prüfen Sie die Struktur von Telefonnummern nach Land und zeigen Sie Region, Typ sowie E.164-, internationale, nationale und RFC-3966-Formate an.
HAR-Datei-Viewer
HAR-Netzwerkaufzeichnungen lokal öffnen, Anfragen filtern, maskierte Header und Zeitwerte prüfen und bereinigte Zusammenfassungen exportieren.