Bouton en couches de papier
Deux couches colorées se cachent derrière le bouton et s'ouvrent en éventail comme du papier empilé au survol.
Réglages
Code
<button class="uv-ply"><span class="l2" aria-hidden="true"></span><span class="l1" aria-hidden="true"></span><span class="t">S’abonner</span></button>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 Boutons
Voir tout : BoutonsOù l’utiliser
Ce bouton ludique emprunte au collage de papier découpé et aux mises en page néo-brutalistes : contours épais, couleurs franches et deux couches supplémentaires empilées dessous. Au survol, les couches glissent et pivotent un peu ; au clic, tout redevient plat. Il convient aux newsletters, fanzines, sites éducatifs et marques à la voix éditoriale faite main.
Le réglage de distance fixe l'écart des couches, d'un léger décalage à une pile bien visible. Les couleurs claires et vives marchent le mieux, car le texte reste foncé pour garder un bon contraste en mode clair comme en mode sombre.