Difference between revisions of "Team:Sydney Australia/Hexagon"
| Line 11: | Line 11: | ||
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
| + | } | ||
| + | .hexagon { | ||
| + | position: relative; | ||
| + | width: 300px; | ||
| + | height: 173.21px; | ||
| + | background-color: #64C7CC; | ||
| + | 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 #64C7CC; | ||
| + | } | ||
| + | |||
| + | .hexagon:after { | ||
| + | top: 100%; | ||
| + | width: 0; | ||
| + | border-top: 86.60px solid #64C7CC; | ||
} | } | ||
/* Hexagons */ | /* Hexagons */ | ||
| Line 263: | Line 290: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | <div class="hexagon"></div> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 11:57, 27 August 2017
