Cartes

Pixel Bloom Card

Une carte dont la surface se remplit de minuscules carrés qui s'épanouissent vers l'extérieur à partir du centre en survol, scintillent lorsqu'ils sont tenus et rétrécissent lorsqu'ils sont en congé.

Utiliser Pixel Bloom Card

Une carte dont la surface se remplit de minuscules carrés qui s'épanouissent vers l'extérieur à partir du centre en survol, scintillent lorsqu'ils sont tenus et rétrécissent lorsqu'ils sont en congé.

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: gap, speed, accent, shimmer, label

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 portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

Link thumbnail peek

1784Link thumbnail peekCartesLe survol d'un lien dans un texte en cours d'exécution fait apparaître une petite vignette encadrée indiquant l'endroit où il mène, avec le titre de la page et l'hôte en dessous.

Pointer spotlight card

1830Pointer spotlight cardCartesUne carte dont la bordure s'éclaire uniquement le long de l'arc le plus proche du curseur, avec un doux lavage intérieur qui suit le pointeur et recule lorsqu'il part.

Pointer Spotlight Panel

1876Pointer Spotlight PanelCartesUn panneau de contenu avec une lumière douce qui suit le pointeur sur sa face et se fixe au centre lors de la mise au point du clavier.

1799Profile flip cardCartesUne carte de profil portrait qui se retourne en 3D au survol ou en appuyant pour révéler une biographie, le nombre de followers et une action de suivi au dos.

Sheen sweep card

1886Sheen sweep cardCartesUne carte avec une bande de lumière garée sur un coin qui traverse le visage en survol et glisse vers l'arrière au moment où le pointeur part.

Bevel Edge Panel Card

1841Bevel Edge Panel CardCartesUne carte avec un biseau intérieur d'un pixel qui lui donne l'impression d'être enfoncée dans la page et un mode cadre qui regroupe des sous-panneaux empilés.