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);
}

效果图

如果对你有用，关注一下博主的小程序，登录一下给予支持，以后有什么开源好用的源码都会上传到小程序