css3 hexagon with rounded corners and borders.
css3六边形,可设置border与border-radius
view demo here
You can change the size and border-width of hexagon by scale.
-webkit-transform: rotate(-30deg) skewX(30deg) scale(0.5);
-moz-transform: rotate(-30deg) skewX(30deg) scale(0.5);
-ms-transform: rotate(-30deg) skewX(30deg) scale(0.5);
-o-transform: rotate(-30deg) skewX(30deg) scale(0.5);
transform: rotate(-30deg) skewX(30deg) scale(0.5);
-webkit-transform: rotate(-30deg) skewX(30deg) scale(0.46);
-moz-transform: rotate(-30deg) skewX(30deg) scale(0.46);
-ms-transform: rotate(-30deg) skewX(30deg) scale(0.46);
-o-transform: rotate(-30deg) skewX(30deg) scale(0.46);
transform: rotate(-30deg) skewX(30deg) scale(0.46);
@inner-scale : 0.46;
@outter-scale : 0.5;