CSS3 Shapes : Des formes géométriques de bases en CSS 3

CSS3 Shapes est un projet qui vous propose les codes CSS pour réaliser des formes géométriques tels que des triangles, des rectangles, des trapèzes, des ovales,des étoiles, des coeurs, …, entièrement en CSS3. Vous pouvez également soumettre d’autres formes ou proposer d’autres façons de faire via le formulaire.

Ces figures full-CSS sont compatibles avec les derniers navigateurs et ceux qui prennent en charge les CSS3.

A titre d’exemple, voici le code CSS3 pour réaliser un parallélogramme :

#parallelogram {
   width: 130px; 
   height: 75px;
   background: pink;
   /* Skew */
   -webkit-transform: skew(20deg); 
   -moz-transform: skew(20deg); 
   -o-transform: skew(20deg);
   transform: skew(20deg);
}