CSS3 砖头墙面效果

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

// HTML
// 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; }

CSS3 砖头墙面效果_第1张图片

你可能感兴趣的:(CSS3,CSS3)