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
Voir tout : CartesOù 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.