Discussion :

[tyjez]

Bonsoir à tous,

Je souhaiterai savoir si en CSS il serait possible de faire une cible de fléchette comme celle-ci
A savoir que chaque portion devra être cliquable:
- Le rond rouge du centre vaut une section cliquable qui vaut 50 points
- Le cercle vert autour du centre vaut une section cliquable de 25 points.
- Chaque gros segments noir et beige valent la valeur du chiffre associé.
- Chaque arc de cercle vert et rouge vaut respectivement Le triple du chiffre associé pour l'arc interne et le double du chiffre associé pour l'arc externe. (exemple pour le chiffre 20: l'arc de cercle rouge le plus petit (interne) vaut Triple 20 donc 60points)

je suis bien conscient que le CSS ne me permettra pas de récupérer les valeurs des zones cliquables mais je souhaite savoir s'il est possible via CSS d'afficher une cible comme cella la.

J'éspère avoir été assez clair dans mes explications.
D'avance merci pour vos idées.

[psychadelic]

peut-être mais ce serai une vraie prise de tête.

Me semble plus réalisable en SVG, possiblement généré en JS, et de toutes façons avec bien plus de possibilités.
mais ça restera aussi une prise de tête.

[Invité]

Bonjour,

"dartboard CSS"

• https://codepen.io/jonslater204/post/darts-game
• https://codepen.io/jonslater204/pen/eMMQJg
• https://codepen.io/codeXD/pen/yLLodya -> SVG