.hexagon-in1,.hexagon-in2 在css样式中的意思

overflow: hidden;/*超出区域的部分隐藏不显示*/
display: block;/*以块元素显示*/
width: 100%;/*宽度是父元素的宽度的100%*/
height: 100%; /*高度是父元素的宽度的100%*/
-webkit-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
transform: rotate(-60deg);
transform可以对元素进行角度旋转和缩放.rotate：水平旋转,属性值格式为Xdeg.(deg是“度”的意思)rotate(Xdeg).X为正数时,顺时针旋转；为负数时,逆时针旋转.上面三种写法是针对不同的浏览器写的兼容写法.第一个针对的是webkit内核的浏览器,第二个是火狐,第三个是泛指.这个是CSS3来的,要比较新的浏览器才支持,也并不是所有的浏览器都支持了.