$hikiryu->devblog(); : Le blog du développeur curieux

Des triangles en CSS

• CSS

   - 17/01/2011 | 0 commentaire(s) | Tweet

Je ne le savais pas mais on peut faire des formes triangulaires en CSS sans images, sans balises supplémentaires. La méthode ?

.css-arrow-multicolor {
  border-color: red green blue orange;
  border-style:solid;
  border-width:20px;
  width:0;
  height:0;
}

Les couleurs peuvent être remplacées par des transparents pour faire un unique triangle. La taille de la bordure peut changer pour faire des triangles à angle aigu et le changement de style donne des résultats... étonnants.

cf :  http://www.dinnermint.org/blog/css/creating-triangles-in-css/ via  http://cssglobe.com/post/9435/pure-css3-post-tags

---