Online Tool Store Online Tool Store

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.

Beweeg hier om de cursor te bekijken

Zo werkt het

  1. Kies een CSS-cursor of upload een PNG-, ICO- of GIF-afbeelding.
  2. Stel bij een eigen afbeelding de hotspot en fallback-cursor in.
  3. 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

FeatureOnline Tool Storesplit-video.comVideoKit
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.

Ontdek gerelateerde tools

Deze tool insluiten

Plak dit op je eigen site — het blijft gratis, en elk bestand blijft in de browser van je bezoeker, niet bij jou of bij ons.