Curseur

Zoned cursor tag

Un pointeur personnalisé dont la balise de fin se réécrit et se retourne de l'autre côté lorsqu'elle traverse les zones d'un panneau divisé.

Overview

Traffic

Revenue

Move the pointer across the panel. The tag rewrites itself at each zone and flips side near the edges.

Utiliser Zoned cursor tag

Un pointeur personnalisé dont la balise de fin se réécrit et se retourne de l'autre côté lorsqu'elle traverse les zones d'un panneau divisé.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: zoneOne, zoneTwo, zoneThree, accent, trailDistance, stiffness

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

1783Lagging orb followerCurseurUn disque souple qui poursuit le pointeur sur un ressort délibérément souple, le dépassant et vacillant en arrière au lieu de se verrouiller.

1794Pointer label cursorCurseurÀ l'intérieur d'un panneau délimité, le curseur système est remplacé par une flèche dessinée avec une petite puce nominative derrière elle sur un ressort souple.

1809Spring lag trailCurseurUne chaîne de cercles qui poursuivent le pointeur avec des ressorts de plus en plus doux, si rapides que les mouvements les étirent en une queue de comète qui se rassemble au repos.

1820Trailing cursorCurseurUn curseur dessiné qui poursuit le véritable pointeur sur un ressort, traînant une douce lueur et des images rémanentes s'estompant pendant qu'il se tourne pour faire face à la direction dans laquelle il se déplace.

1786Magnetic project targetCurseurUn curseur rond personnalisé avec du texte entourant son bord qui dérive après le pointeur et s'enclenche sur une pilule d'appel à l'action lorsqu'il se rapproche.

1803Ribbon trail flowCurseurPlusieurs rubans colorés poursuivent le pointeur sur leurs propres ressorts, se rétrécissant en pointe et s'écartant lorsque le pointeur tourne.