Devblog

Mes notes de développeur

Des triangles en CSS

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

css.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

Laissez un commentaire

Make sure you enter the(*)required information where indicate. HTML code is not allowed