Cursorvoorbeeld
Test CSS-cursors of een eigen afbeelding, stel hotspot en fallback in en kopieer de CSS direct in je browser. Werkt volledig in je browser zonder uploads of a.
Deze tool werkt volledig in je browser. Je bestanden worden nooit naar een server geüpload.
Zo werkt het
- Kies een CSS-cursor of upload een PNG-, ICO- of GIF-afbeelding.
- Stel bij een eigen afbeelding de hotspot en fallback-cursor in.
- Beweeg over de preview en kopieer de CSS-declaratie.
The cursor method
Veelgebruikte waarden zoals pointer, move, grab, crosshair, zoom-in en formaatpijlen zijn beschikbaar.
Ja. Upload een afbeelding en test die direct in de preview.
Veelgestelde vragen
Welke CSS-cursors zijn beschikbaar?
Veelgebruikte waarden zoals pointer, move, grab, crosshair, zoom-in en formaatpijlen zijn beschikbaar.
Kan ik een eigen cursorafbeelding testen?
Ja. Upload een afbeelding en test die direct in de preview.
Wat is een cursor-hotspot?
Dat is het afbeeldingspunt dat als klikpositie wordt gebruikt.
Hoe gebruik ik de gegenereerde CSS?
Kopieer de declaratie naar de CSS-regel van het gewenste element.
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 | ✓ | — | — |
Kopieer de declaratie naar de CSS-regel van het gewenste element.