代码改变世界

伪类写border， transform: scale3d() 及兼容性

2016-08-09 14:05  路途遥远，Go~  阅读(2574)  评论(0)  编辑  收藏  举报 
.top::before {
    content: "";
    position: absolute;
    left: 0;
    width: 200%;
    height: 0;
    border-top: 1px solid #cccccc;
    transform-origin: left top;
    transform: scale3d(0.5,0.5,0.5);
    -webkit-transform: scale3d(0.5,0.5,0.5); /* Chrome, Safari, Opera */
    -ms-transform: scale3d(0.5,0.5,0.5); /* IE 9 */
}
.top::after{
　　 content: "";
    position: absolute;
    left: 0;
    width: 200%;
    height: 0;

    border-bottom: 1px solid #cccccc;
    transform-origin: left top;
    transform: scale3d(0.5,0.5,0.5);
    -webkit-transform: scale3d(0.5,0.5,0.5); /* Chrome, Safari, Opera */
    -ms-transform: scale3d(0.5,0.5,0.5); /* IE 9 */
}