Tuiles qui se retournent

Neuf tuiles pivotent en 3D dans une vague diagonale et changent de couleur en se retournant.

Réglages

Couleur principale#0ea5e9

Couleur secondaire#a855f7

Taille16px

Vitesse1x

Code

index.html

<div class="uv-lft" role="status"><span class="sr">Chargement</span><i style="--d:0"></i><i style="--d:1"></i><i style="--d:2"></i><i style="--d:1"></i><i style="--d:2"></i><i style="--d:3"></i><i style="--d:2"></i><i style="--d:3"></i><i style="--d:4"></i></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Plus dans Loaders

Voir tout : Loaders

Spinner circulaire

LoadersReact + Motion

Points qui rebondissent

LoadersReact + Motion

Barre de progression indéterminée

LoadersReact + Motion

Skeleton de carte

LoadersReact + Motion

Carré qui devient cercle

LoadersHTML + CSS

Carrés qui changent de place

LoadersHTML + CSS

Cube 3D

LoadersHTML + CSS

Triangle qui se dessine

LoadersHTML + CSS

Où l’utiliser

Une grille de tuiles évoque la construction, l'assemblage ou la génération, ce qui la rend idéale pour les tableaux de bord, les outils de design et les générateurs d'images. Chaque tuile pivote autour de son axe vertical avec une perspective 3D, la vague part en diagonale du coin supérieur gauche, et le dos des tuiles prend la couleur secondaire.

Neuf éléments et un seul keyframe aux délais décalés : c'est léger même sur mobile. Change les couleurs et la vitesse pour une vague calme ou énergique.