Faire une flèche (triangle) en CSS
Mars 2013
En CSS, il est possible de créer un triangle simplement à l'aide de la propriété border. La technique consiste à utiliser 3 bordures, avec donc la quatrième bordure de taille nulle.
Cette astuce fonctionne sur tous les navigateurs : Firefox, Chrome et Safari (webkit), Opera, et même Internet Explorer 8+.
On peut s'en servir pour par exemple dessiner une flèche en CSS :
Si vous voulez en savoir plus c'est par ici : types de graphiques excel.
Tester
/ressources/exemple/faq/css-triangle.html
Triangle en CSS 2.0
Utilisé pour créer une box compteur
Découvrez ce tutoriel photoshop : une ardoise scolaire à lire tout de suite !
1 commentaire :
Le triangle est amusant.
j'en fais tourner aussi.
Cordialement