css边框两色效果

box:after {content: '';display: block;width: initial;height: 2px;background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, t

阡路陌人

1182人浏览 · 2021-03-31 09:40:38

阡路陌人 · 2021-03-31 09:40:38 发布

在这里插入图片描述

box:after {
	content: '';
	display: block;
	width: initial;
	height: 2px;
	background: -webkit-repeating-linear-gradient(135deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
	background: repeating-linear-gradient(-45deg, #ff6c6c 0, #ff6c6c 20%, transparent 0, transparent 25%, #1989fa 0, #1989fa 45%, transparent 0, transparent 50%);
	background-size: 80px;
	border: none;
	-webkit-transform: initial;
	transform: initial;
}