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

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

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