Guitar Chords in CSS - DEV Community

Rigolo ça... voire mê peut-être utile...

Afficher des accords comme sur les sites de guitare en pur CSS.

<fret-board frets="4" strings="6" chord="C Major">
  <string-note string="6" mute></string-note>
  <string-note string="5" fret="3" finger="3"></string-note>
  <string-note string="4" fret="2" finger="2"></string-note>
  <string-note string="3" open></string-note>
  <string-note string="2" fret="1" finger="1"></string-note>
  <string-note string="1" open></string-note>
</fret-board>

devient

chorsds.png

Le CSS est fourni et se configure avec des variables CSS claires.

On peut faire des barrés et tout... C'est juste beau.

❝ 3 commentaires ❞

1  Jerry Wham le

C'est bôôôôôôôôô
Et ça va m'être utile aussi.


Merci copain !

 
2  Libretgeek le

Trop chouette
Faut que je test direct, merci Bronco !

 
3  Bronco le

De rien ! (ça m'a donné envie de l'utiliser aussi, mais je ne sais pas trop avec quoi ! )

 

Fil RSS des commentaires de cet article

✍ Écrire un commentaire

les commentaires relevant du SPAM seront filtrés et dégagés direct...

Quelle est le dernier caractère du mot 3s8qnu0l ?