Verano en Lisboa
Los Marinos · 1974
HTML + CSSCartes
Vinyle qui sort de sa pochette
Une pochette de disque années 70 : au survol le vinyle sort en roulant, et la lecture fait tourner l'étiquette avec un petit égaliseur.
Réglages
16px
1x
Code
<article class="uvq07-vnl"><div class="st" aria-hidden="true"><span class="rec"><i></i></span><span class="slv"><i class="sun"></i><b>LM</b><small>STEREO</small></span></div><div class="tx"><div><h3>Été à Lisbonne</h3><p><span class="eq"><i></i><i></i><i></i></span>Los Marinos · 1974</p></div><button type="button" aria-pressed="false" aria-label="Lire"><svg class="py" viewBox="0 0 24 24" aria-hidden="true"><path d="M8 5.5v13l10.5-6.5z" fill="currentColor"/></svg><svg class="pa" viewBox="0 0 24 24" aria-hidden="true"><rect x="6.5" y="5.5" width="3.8" height="13" rx="1" fill="currentColor"/><rect x="13.7" y="5.5" width="3.8" height="13" rx="1" fill="currentColor"/></svg></button></div></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
Une carte de disque pour les sites musicaux qui veulent plus qu'une pochette carrée. Le visuel est un lever de soleil en bandes concentriques CSS, le disque utilise des dégradés radiaux répétés pour les sillons et un reflet fixe, et le survol le fait sortir en roulant. Parfait pour fiches d'album, playlists, catalogues de labels et invitations à des écoutes.
La couleur principale règle la bande extérieure, l'étiquette et le bouton ; la seconde forme le soleil central. Change les initiales et le titre, et aligne plusieurs cartes comme une étagère de vinyles.