Créer un rond et un triangle en css3 ou tout simplement des formes

Pré-requis : les éléments sur lesquels on souhaite créer des formes doivent être de type block ou inline-block

Commençons par le plus simple

Un carré

 

Un cercle

Un oval

Un triangle

La création d’un triangle est un peu différente. Il faut modifier la largeur des bordures pour obtenir la forme voulu. Pour bien comprendre le processus, ici toutes les bordures ont une couleur.

Un triangle qui pointe vers le bas

Un triangle qui pointe à gauche

Un triangle qui pointe à droite

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *