SOURCE

<div class="test">
  <div class="tebox"></div>
</div>

test {
	display: flex;
	height: 100vh;
  background-color:#ccc;
}
.tebox {
	margin: auto;
	width: 200px;
	height: 400px;
	border-bottom: none;
	background: 
    radial-gradient(circle at 50% 50%, #fff 0, #fff 50%, transparent 0), 
    radial-gradient(circle at 50% 50%, #fff 0, #fff 50%, transparent 0);
	background-repeat: repeat-x;
	background-color: #ccc;
	background-size: 10px 10px;
	background-position: 10px 396px, 140px -6px;
  transform:rotate(90deg);
}