Tutoriel CSS : Créer des triangles en CSS

Aujourd'hui je vous propose de découvrir comment créer un triangle en utilisant seulement du CSS. Le principe de cette astuce repose sur la gestion de bordures concurrentes par les navigateurs.

/* Pour faire un triangle vers la droite */
.triangle{
    width: 0px;
    height: 0px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000000;
}