12 OCT · MADRID
Soirées design
Una conversación sobre ideas, producto y cultura visual.
HTML + CSSCartes
Carte billet d'événement
Une carte en forme de billet dont le talon perforé se détache légèrement au survol.
Réglages
16px
1x
Code
<article class="uv-cticket"><div><small>12 OCT · MADRID</small><h3>Soirées design</h3><p>Une conversation sur les idées, le produit et la culture visuelle.</p></div><aside><b>20:30</b><span>Porte 04</span><i>⌁</i></aside></article>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 Cartes
Où l’utiliser
Quand une carte classique paraît trop banale pour un événement, un billet dit tout en un coup d'œil. Utilisez-le pour la page de confirmation d'une conférence de design ou l'écran « Mes billets » d'une application de festival. Cette carte billet en HTML et CSS a ses encoches et sa ligne de découpe en pointillés.
Les encoches latérales reprennent la couleur de fond de la page : posez la carte sur un fond uni, pas sur une photo. Le talon accueille deux informations courtes au maximum ; au-delà, le texte passe à la ligne et l'effet billet disparaît.