CSS Cursor — alle CSS-Cursor-Typen kostenlos testen & Cursor-CSS kopieren

CSS Cursor — alle CSS-Cursor-Typen kostenlos testen & Cursor-CSS kopieren. Kostenloser CSS-Cursor-Viewer: alle 36 Cursor-Werte per Hover testen, nach Kategorie filtern, cursor: pointer & Co. per Klick kopieren und eigene url()-Cursor mit Hotspot generieren.

Entdecken und testen Sie jeden verfügbaren Browser-Cursor-Stil sofort mit unserem kostenlosen Online-CSS-Cursor-Viewer. Dieses erstklassige UI-Design-Hilfsprogramm nutzt native Browser-APIs.

Für bessere Ergebnisse prüfen Sie die Ausgabe vor dem Kopieren oder Herunterladen, besonders wenn sie in Code, Berichten, Dokumentation oder freigegebenen Dateien weiterverwendet wird.

Dieser Browser-Workflow hält die Aufgabe schnell und vermeidet manuelle Nacharbeit in separaten Apps. Verwandte Tools: Setzen Sie den Ablauf mit URL-Parser, URL-Encoder & Decoder, URL / Domain-Extraktor fort.

Diese verwandten Tools helfen bei angrenzenden Aufgaben wie Konvertierung, Formatierung, Validierung, Generierung und Bereinigung.

Häufig gestellte Fragen

Wie teste und kopiere ich einen CSS-Cursor-Wert?

Fahren Sie mit der Maus über eine Kachel, um diesen Cursor zu sehen; der Name auf der Kachel ist der CSS-Wert. Klicken Sie auf die Kachel (oder drücken Sie Enter), um sie auszuwählen und ihre Deklaration zu kopieren, zum Beispiel cursor: grab;. Der Bereich Ausgewählter Cursor zeigt eine Beschreibung, eine Testfläche und die Schaltfläche CSS kopieren.

Welcher CSS-Cursor zeigt die Hand an?

Verwenden Sie cursor: pointer; für Links und klickbare Elemente; er zeigt die Hand. Nutzen Sie grab und grabbing für ziehbare Elemente, not-allowed für deaktivierte Bedienelemente, text für den I-Balken und wait oder progress für Ladezustände.

Wie finde ich schnell einen Cursor-Typ?

Tippen Sie ins Suchfeld, um nach Name oder Beschreibung zu filtern, etwa ziehen, resize oder zoom, oder nutzen Sie die Kategorie-Schaltflächen Allgemein, Links & Status, Auswahl, Drag & Drop, Größe & Scrollen und Zoom. Der Zähler zeigt, wie viele der 36 Cursor passen.

Wie erstelle ich einen eigenen Cursor mit einem Bild?

Fügen Sie im Generator für eigene CSS-Cursor eine Bild-URL oder Data-URI (PNG, SVG oder CUR) ein, legen Sie optional Hotspot X und Hotspot Y in Pixeln fest (0 bis 127) und wählen Sie einen Fallback-Cursor. Das Tool erzeugt eine Regel wie cursor: url("cursor.png") 16 16, pointer;, die Sie in der Vorschaufläche testen und kopieren können.

Warum wird mein eigenes Cursor-Bild nicht angezeigt?

Browser ignorieren Cursor-Bilder, die größer als 128 x 128 Pixel sind, daher ist 32 x 32 die sicherste Größe. Die Bild-URL muss außerdem von der Seite aus ladbar sein, auf der Sie sie verwenden. Kann das Bild nicht genutzt werden, wird stattdessen das Fallback-Schlüsselwort angezeigt.

Warum sehen manche Cursor auf meinem Computer gleich oder anders aus?

Cursor-Schlüsselwörter werden vom Betriebssystem gezeichnet, daher kann derselbe Wert unter Windows, macOS und Linux unterschiedlich aussehen, und manche Systeme verwenden ein Bild für mehrere Werte. Touch-Geräte zeigen überhaupt keinen Mauszeiger an.

So verwenden Sie dieses Online-Tool

CSS Cursor — alle CSS-Cursor-Typen kostenlos testen & Cursor-CSS kopieren ist für schnelle Browser-Workflows gedacht, wenn Sie Daten formatieren, prüfen, umwandeln oder generieren müssen, ohne eine schwere Desktop-App zu öffnen. Starten Sie mit dem Eingabefeld oder der sichtbaren Option, prüfen Sie das Ergebnis und kopieren Sie die Ausgabe oder laden Sie sie herunter.

Private Verarbeitung im Browser

Bei CSS Cursor — alle CSS-Cursor-Typen kostenlos testen & Cursor-CSS kopieren bleibt der normale Arbeitsschritt lokal in Ihrem Browser. Das ist besonders hilfreich für Code, Tokens, Dokumente, Konfigurationen, Textausschnitte und andere Inhalte, die nicht unnötig an entfernte Dienste gesendet werden sollen.

Wann dieses Tool nützlich ist

Nutzen Sie CSS Cursor — alle CSS-Cursor-Typen kostenlos testen & Cursor-CSS kopieren für wiederholbare Entwickleraufgaben, technische Dokumentation, QA-Prüfungen, schnelle Konvertierungen, Debugging, Content-Bereinigung und interne Team-Workflows. Die Seite ist auf klare Eingaben, sofortige Rückmeldung und ein Ergebnis ausgelegt, das sich leicht weiterverwenden lässt.

Praktische Tipps

Prüfen Sie vor dem Kopieren wichtige Details wie Leerzeichen, Groß- und Kleinschreibung, Dateinamen, Kodierung, Token-Struktur oder Ausgabeformat. Kleine Kontrollen vermeiden Fehler, wenn das Ergebnis in Code, Berichten, Tickets, E-Mails oder technischen Notizen landet.