Outils de design

Testeur de curseur CSS – Aperçu des mots clés du curseur

Parcourez les mots-clés CSS courants de cursor, survolez-les pour les prévisualiser, filtrez-les par recherche ou catégorie, puis copiez les déclarations CSS. Utile pour choisir un curseur de redimensionnement, de déplacement ou d’état désactivé.

CSScurseurPointeur

Ajouter cet outil aux favoris

Aucun mode de stockage des favoris n’a été sélectionné.

Actions rapides

Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.

Cas d’usage

  • Choisir un curseur de redimensionnement pour des poignées de déplacement
  • Comparer not-allowed et no-drop pour les états désactivés
  • Copier en lot les déclarations de curseur filtrées

Mode d’emploi

  1. Survolez les vignettes pour prévisualiser chaque curseur
  2. Filtrez par mot-clé ou catégorie
  3. Copiez un curseur, la sélection ou la liste visible

Exemples d’entrée et de sortie

Action

Filtrer par redimensionnement et choisir nwse-resize

Sortie

cursor: nwse-resize;

FAQ

Les curseurs d'image personnalisés sont-ils inclus ?

Cette liste couvre uniquement les mots-clés intégrés. Les images de curseur personnalisées utilisant url(...) ne sont pas incluses.

Les curseurs sont-ils identiques sur tous les systèmes d'exploitation ?

Les mots clés sont standard, mais l'illustration dépend du système d'exploitation et du navigateur. Ce que vous voyez localement fait autorité.

Outils

Outils associés

Poursuivez avec un autre outil traduit pour une tâche proche.

CSS vers Tailwind

CSS vers Tailwind – Mappeur de déclaration

Disponible

Collez les déclarations CSS et mappez-les aux classes d'utilitaires Tailwind lorsque cela est possible. Les règles communes de disposition, d'espacement et de couleur deviennent des classes standard ; les valeurs sans correspondance reviennent à une syntaxe de valeurs arbitraires.

CSS Tailwind Conversion

Générateur d'ombres de boîte CSS

Générateur d'ombres de boîte CSS – Commandes visuelles

Disponible

Ajustez visuellement le décalage, le flou, la répartition, la couleur, l'opacité et l'encart. Prévisualisez en direct et générez du CSS box-shadow pour les cartes, les boutons et les superpositions.

CSS Ombre box-shadow