css CSS Zig Zag Borders

Posted 2021-05-13

.overlay:before{
		background: linear-gradient(-135deg, #ffffff 16px, transparent 0), linear-gradient(135deg, #ffffff 16px, transparent 0);
		background-position: left top;
		background-repeat: repeat-x;
		background-size: 32px 32px;
		content: " ";
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 32px;
	}

	.overlay:after{
		background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);
		background-position: left bottom;
		background-repeat: repeat-x;
		background-size: 32px 32px;
		content: " ";
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 32px;
	}