[Résolu] Dessiner une cible avec css

Pourquoi ne pas passer par SVG ? Si c'est une illustration ce sera plus simple à concevoir et afficher.

Je ne connais pas du tout svg.
Je dois dessiner une cible que je pourrai ensuite utiliser dans toute mon appli en modifiant sa taille selon les besoins.
J'aurais bien aimé pouvoir le faire simplement avec css3 le temps de maîtriser svg.
A moins bien sûr qu'une âme secourable me montre comment faire une cible avec svg dans fiddle.
Ca a l'air tout simple. Mais bien sûr, quand on maîtrise les outils.

Bonjour,
Un document SVG est en fait une suite d'instructions graphiques stockées au format XML.
A priori, un outil efficace et gratuit pour produire de tels documents est Inkscape.
Si tu ne connais pas ce logiciel, mais que les formes dont tu as besoin sont assez basiques (ex : cercle, rectangle, etc.) la phase d'apprentissage devrait être rapide.
De très nombreux tutoriels et vidéos sont disponibles sur le web.

Juste pour le fun.
Par contre ce n'est pas très flexible comme solution.

Merci, c'est exactement la cible que je cherchais à dessiner.

pour le fun aussi , http://jsfiddle.net/k9nzowko/15/

Zelaisan,
Merci : c'est très élégant.
Peux-tu sans compliquer le code noircir complètement le rond central ?

http://jsfiddle.net/k9nzowko/15/

Salut,

pour remplir le contenu central en noir, je pense que tu es assez bon pour le faire, rien de compliquer il faut juste remplacer la couleur

http://jsfiddle.net/catk8xcp/

C'est ce que j'avais fait, mais je l'avais mal enregistré :

http://jsfiddle.net/fredericmarcel/1fc49yh5/3/

Ok ok

Tu peux mettre ton sujet en résolu maintenant

Merci à vous tous : j'ai enfin la cible que je souhaitais avec un code super simple..