Online Tool Store
Cursor-Vorschau
Testen Sie CSS-Cursor oder ein eigenes Bild, legen Sie Hotspot und Fallback fest und kopieren Sie den CSS-Code direkt im Browser.
Dieses Tool läuft vollständig in Ihrem Browser. Ihre Dateien werden niemals an einen Server hochgeladen.
So funktioniert es
- Wählen Sie einen CSS-Cursor oder laden Sie ein PNG-, ICO- oder GIF-Bild hoch.
- Legen Sie bei einem eigenen Bild Hotspot-Koordinaten und Fallback-Cursor fest.
- Bewegen Sie den Mauszeiger über die Vorschau und kopieren Sie die CSS-Deklaration.
The cursor method
Übliche Werte wie pointer, move, grab, crosshair, zoom-in und resize-Pfeile sind enthalten.
Ja. Laden Sie ein Bild hoch und prüfen Sie es direkt in der Vorschau.
Häufig gestellte Fragen
Welche CSS-Cursor sind verfügbar?
Übliche Werte wie pointer, move, grab, crosshair, zoom-in und resize-Pfeile sind enthalten.
Kann ich ein eigenes Cursorbild testen?
Ja. Laden Sie ein Bild hoch und prüfen Sie es direkt in der Vorschau.
Was ist ein Cursor-Hotspot?
Der Hotspot ist der Bildpunkt, der als Klickposition verwendet wird.
Wie verwende ich den erzeugten CSS-Code?
Kopieren Sie die Deklaration in die CSS-Regel des gewünschten Elements.
Comparison
| Feature | Online Tool Store | split-video.com | VideoKit |
|---|---|---|---|
| Live preview, all cursors at once | ✓ | — | — |
| Custom image cursor preview | ✓ | ✓ | — |
| No code editing required | ✓ | — | ✓ |
| Custom hotspot and fallback controls | ✓ | — | — |
Kopieren Sie die Deklaration in die CSS-Regel des gewünschten Elements.