[Résolu] Triangle sans fond

Bonjour à tous,

Savez-vous s'il est possible de créer un triangle en css ?
Puisque je souhaite un triangle avec bords visibles et fond vide, la méthode d'utilisation des propriétés des bordures http://www.grafikart.fr/tutoriels/html-css/triangles-css-border-422 ... ne m’intéresse pas.

Des pistes ?
Modifié par n0wmi (30 Jun 2013 - 09:33)

Tu ne peux créer d'élément triangulaire en CSS la seule façon de faire est de passer par les bordures. Peut être comme ça.

la piste est l'imbrication de deux elements, voir 3 si textes:

http://jsfiddle.net/SA9hD/ avec des fonds de couleurs http://jsfiddle.net/SA9hD/2/
avec un fond en image http://jsfiddle.net/SA9hD/3/

1 premier element avec une bordure et dimensionné

1 second element en rotation avec des bordures

1 3eme element pour du texte ou une image en rotation inverse pour reprendre le sens initial de la page .

Qu'est ce que l'on peut en faire ?
des menus ?
http://codepen.io/gcyrillus/pen/foGus
http://codepen.io/gcyrillus/pen/voacJ
http://codepen.io/gcyrillus/pen/dakFi
http://dabblet.com/gist/5190765


avec du transform rotate + skew : des rondelles de citrons : http://codepen.io/gcyrillus/pen/wutEK en menu aussi ? http://codepen.io/gcyrillus/pen/tkzoa

en fait plein plein de choses et plus jolies que celles-ci
Modifié par gc-nomade (29 Jun 2013 - 23:55)

Merci beaucoup !