saw edge

by Dru Dro

HTML

<div>sample div with saw edge</div>

CSS

body,
html {
  margin: 0;
  padding: 0;
  background: #aeaeae;
}

div {
  color: white;
  padding: 20px;
  margin: 20px;
  background: 
linear-gradient(60deg, rgba(255,255,255,1) 25%, transparent 25%) 7px bottom,
linear-gradient(120deg, transparent 75%, rgba(255,255,255,1) 75%) 7px bottom,
linear-gradient(0deg, rgba(0,0,0,.3), transparent) bottom;
  background-size: 15px 20px, 15px 20px, 100% 10px;
  background-repeat: repeat-x;
  border-bottom: 10px solid #700;
}