1#parallelogramme {
2 width : 100px;
3 height : 0;
4 border-top : 50px solid green;
5 border-left : 20px solid transparent;
6 position : relative;
7}
8#parallelogramme:after {
9 width : 0;
10 height : 0;
11 content: '';
12 border-bottom : 50px solid green;
13 border-right : 20px solid transparent;
14 border-left : 20px solid transparent;
15 position : absolute;
16 top : -50px;
17 right: -20px;
18}
1
2.rondTriangle{
3 margin:100px auto;
4 width: 0;
5 height: 0;
6 border-left: 50px solid transparent;
7 border-right: 50px solid transparent;
8 border-bottom: 100px solid #000;
9 position: relative;
10}
11.rondTriangle:after{
12 content:'';
13 background:#069;
14 -webkit-border-radius:50px;
15 -moz-border-radius:50px;
16 -o-border-radius:50px;
17 border-radius:50px;
18 width:75px;
19 height:75px;
20 position: absolute;
21 top:30px;
22 left:-37px;
23}
24
25