css实现收货地址下边的平行四边形彩色线条

最新推荐文章于 2023-09-06 19:45:17 发布

lannieZ

最新推荐文章于 2023-09-06 19:45:17 发布

阅读量483

点赞数 2

分类专栏： css3 文章标签： css css3 前端

本文链接：https://blog.csdn.net/lannieZ/article/details/128073573

版权

css3 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

在这里插入图片描述


.user_info {
			width: 100%;
			height: 198rpx;
			border-radius: 24rpx 24rpx 0 0;
			background: #fff;
			padding: 26rpx 49rpx 0 34rpx;
			position: relative;

			&:before {
				position: absolute;
				right: 0;
				bottom: 0;
				left: 0;
				height: 2px;
				background: repeating-linear-gradient(-45deg, #ff6c6c, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0,
						#1989fa 45%, transparent 0, transparent 50%);
				background-size: 78px;
				content: "";
			}
		}