css 實作漂亮的分割線

<div class="test"></div>      

.test {
    width: 100%;
            height: 10rpx;
            background-color: #fff;
            background-image: linear-gradient(0deg, rgba($color: #ff6a00, $alpha:.5) 50%, transparent 50%), linear-gradient(90deg, rgba($color: #ff6a00, $alpha:.5) 50%, transparent 50%);
            background-size: 30px 30px;
            transform: skewX(35deg);
}