45 lines
920 B
CSS
45 lines
920 B
CSS
|
div.hexagon {
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 0 0 60px 0;
|
||
|
|
position: relative;
|
||
|
|
-o-transform: skewX(30deg);
|
||
|
|
-moz-transform: skewX(30deg);
|
||
|
|
-webkit-transform: skewX(30deg);
|
||
|
|
-ms-transform: skewX(30deg);
|
||
|
|
transform: skewX(30deg);
|
||
|
|
visibility: hidden;
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.hexagon>div {
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
-o-transform: skewY(-50deg);
|
||
|
|
-moz-transform: skewY(-50deg);
|
||
|
|
-webkit-transform: skewY(-50deg);
|
||
|
|
-ms-transform: skewY(-50deg);
|
||
|
|
transform: skewX(-50deg);
|
||
|
|
visibility: hidden;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.hexagon>div>button {
|
||
|
|
height: 100%;
|
||
|
|
left: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
position: absolute;
|
||
|
|
-o-transform: skewY(20deg);
|
||
|
|
-moz-transform: skewY(20deg);
|
||
|
|
-webkit-transform: skewY(20deg);
|
||
|
|
-ms-transform: skewY(20deg);
|
||
|
|
top: 0;
|
||
|
|
transform: skewX(30deg);
|
||
|
|
visibility: visible;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*# sourceMappingURL=/custom.d5cc83c2.css.map */
|