Catégorie 01
Rectangulaires, pills, cercles, morphing. Brutaliste, glass, 3D push, glitch, magnétique, blob, gradient border.
Le réflexe IA : bleu #3b82f6, border-radius 8px, box-shadow. Dès qu'on nomme un style, ça change.
Pills, cercles, morphing — tout ce que l'IA ne génère jamais spontanément sans guidance explicite.
gradient border-radius 100px
scaleX wipe blanc
offset-shadow + pill
backdrop-filter
icône intégrée
fond blanc → accent
text-shadow glow
radial-gradient slide
double couleur
FAB scale+rotate
outline scale
double ring spin
pulse aura
fill scale
conic-gradient mask
purple fill + rotate
border-radius transition
border-radius inverse
animation infinie
pseudo ::before animé
morph au survol
demi-arc → complet
coins alternés
border-radius 30%→50%
Box-shadow qui explose élastiquement au clic puis se résorbe — keyframe cubic-bezier(.36,.07,.19,.97). Quatre coloris qui correspondent à la charte Liova.
--gold #c8921a
#60a5ff
#ff3c00
#6600ff
Soft UI dark — double ombre opposée (sombre + légère clarté) qui donne l'illusion que l'élément émerge du fond. Tactile, premium, discret.
ombre standard
border-radius 100px
cercle
gradient 145° sombre→clair
gradient 145° inversé
ombres réduites
outline Liova + glow
box-shadow inset au clic
état persistant
Cursor glow, border draw, slide text, loading state, letter stagger, tilt 3D, particle burst — interactions premium en CSS + JS natif.
Cliquer pour déclencher