兼容.CSS_transform
1、
#parallelogram { width: 150px; height: 100px; margin-left:20px; -webkit-transform: rotate(90deg) skew(45deg); -moz-transform: rotate(90deg) skew(45deg); -o-transform: rotate(90deg) skew(45deg); background: red; } .divTop { -webkit-transform: translate(50px) skew(-45deg); -moz-transform: translate(50px) skew(-45deg); -o-transform: translate(50px) skew(-45deg); } .divRight { -webkit-transform: rotate(90deg) skew(45deg); -moz-transform: rotate(90deg) skew(45deg); -o-transform: rotate(90deg) skew(45deg); }
2、
3、
4、
5、