- 科技
- 用css写一个等边六边形
用css写一个等边六边形
.pic{
width:60px
;
height:102px
;
border-top:2px solid #fff
;
border-bottom:2px solid #fff
;
position: relative
;
}
.pic:after,
.pic:before{
content:"";
position: absolute
;
top:-2px
;
left:0
;
z-index: 1
;
width:60px
;
height:102px
;
border-top:2px solid #fff
;
border-bottom:2px solid #fff
;
}
.pic:after{
transform: rotate(60deg
);
}
.pic:before{
transform: rotate(300deg
);
}
Processed:
0.013, SQL:
8
