Line 176: | Line 176: | ||
border-top: 86.60px solid #64C7CC; | border-top: 86.60px solid #64C7CC; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .hexagon2 { | ||
+ | position: relative; | ||
+ | width: 300px; | ||
+ | height: 173.21px; | ||
+ | background-color: #BA29CC; | ||
+ | margin: 86.60px 0; | ||
+ | } | ||
+ | |||
+ | .hexagon:before, | ||
+ | .hexagon:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | width: 0; | ||
+ | border-left: 150px solid transparent; | ||
+ | border-right: 150px solid transparent; | ||
+ | } | ||
+ | |||
+ | .hexagon:before { | ||
+ | bottom: 100%; | ||
+ | border-bottom: 86.60px solid #BA29CC; | ||
+ | } | ||
+ | |||
+ | .hexagon:after { | ||
+ | top: 100%; | ||
+ | width: 0; | ||
+ | border-top: 86.60px solid #BA29CC; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
Line 187: | Line 227: | ||
#text #gauche { | #text #gauche { | ||
− | background-image:url( | + | background-image:url(); |
float:left; | float:left; | ||
width:300px; | width:300px; | ||
Line 196: | Line 236: | ||
margin-top:10px; | margin-top:10px; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Revision as of 20:59, 5 October 2016