Podgląd CSS Cursor
Przeglądaj i testuj wszystkie wartości właściwości CSS cursor: pointer, crosshair, grab, zoom-in i inne. Kopiuj gotowy CSS. Profesjonalne narzędzie online, które działa w Twojej przeglądarce. Szybko, bezpiecznie i bez instalowania zbędnego oprogramowania.
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
Podgląd kursorów CSS online
Właściwość CSS cursor zmienia wygląd kursora myszy nad elementem — to ważny sygnał affordance w UI. Narzędzie pokazuje wszystkie standardowe wartości w akcji, żebyś mógł wybrać właściwą.
Wszystkie wartości cursor
auto, default, pointer, crosshair, move, text, wait, help, not-allowed, grab, grabbing, zoom-in, zoom-out, col-resize, row-resize, n-resize… i 30+ innych. Każdy z podglądem na żywo.
Kursorów własne (URL)
Możesz też zdefiniować własny kursor przez URL (plik .cur lub .png) z fallbackiem; generator tworzy gotową deklarację CSS.
Najczęstsze pytania
Kiedy używać cursor:pointer?
Na elementach interaktywnych (przyciski, linki, karty klikalności). Nie stosuj na samym bez href — to dezorientuje użytkowników.
Czy cursor działa na mobile?
Na ekranach dotykowych cursor nie ma znaczenia — ale nie szkodzi go ustawiać.
Jak zablokować zmianę kursora w IFrame?
iframe { pointer-events: none } lub cursor: default !important na nadrzędnym elemencie.
Inne narzędzia CSS: generator CSS animation i clip-path maker.