CSS3 砖头墙面效果

转载至 https://codepen.io/krischan77/pen/VOmJzO

// HTML
<div class="brick"></div>

// CSS
.brick {
	width: 300px;
	height: 300px;
	margin: 10px auto;
	background:
	linear-gradient(135deg, #541e24 21px, #fff 22px, #fff 24px, transparent 24px, transparent 67px, #fff 67px, #fff 69px, transparent 69px),
	linear-gradient(225deg, #541e24 21px, #fff 22px, #fff 24px, transparent 24px, transparent 67px, #fff 67px, #fff 69px, transparent 69px)
	0 64px;
	background-color: #541e24;
	background-size: 64px 128px;
}