JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="haha"></div>
	<div class="white"></div>

CSS

*{
		padding: 0;
		margin: 0; 
	}
	html, body{
		width: 100%;
		height: 100%;
		min-height: 100%;
	}
	body{
		background: #fff url(http://www.javonaairi.lt/files/gallery/1057969941_8e345ee7fa_o.jpg) repeat-x;
	}
		div.haha{
			margin: 70px 0 0;
			height: 8px;
   		background: 
   		radial-gradient(circle at 40% 118%, transparent 16%, rgba(40,100,160,.7) 20%, rgba(40,100,160,.7) 24%, transparent 28%, transparent) 0 4px, 
      radial-gradient(circle at 40% -18%, transparent 16%, rgba(40,100,160,.7) 20%, rgba(40,100,160,.7) 24%, transparent 28%, transparent) -8px 4px;
      background-size: 16px 18px;
		}
		div.white:before{
			content: '';
			display: block;
			position: absolute;
			top: -8px;
			right: 0;
			left: 0;
			height: 8px;
   		background: 
   		radial-gradient(circle at 40% 118%, rgba(40,100,160,.3) 16%, rgba(40,100,160,.3) 20%, rgba(40,100,160,.3) 24%, transparent 28%, transparent) 0 4px, 
      radial-gradient(circle at 40% -18%, transparent 16%, rgba(40,100,160,.3) 20%, rgba(40,100,160,.3) 24%, rgba(40,100,160,.3) 28%, rgba(40,100,160,.3), transparent, transparent) -8px 4px;
      background-size: 16px 18px;
		}
		div.white:after{
			content: '';
			display: block;
			position: absolute;
			right: 0;
			bottom: -8px;
			left: 0;
			height: 8px;
   		background: 
   		radial-gradient(circle at 40% 118%, transparent 16%, rgba(40,100,160,.7) 20%, rgba(40,100,160,.7) 24%, rgba(40,100,160,.7) 28%, rgba(40,100,160,.7), transparent, transparent) -8px 4px, 
      radial-gradient(circle at 40% -18%, rgba(40,100,160,.7) 16%, rgba(40,100,160,.7) 20%, rgba(40,100,160,.7) 24%, transparent 28%, transparent) -16px 4px;
      background-size: 16px 18px;
		}
		.white{
			position: relative;
			margin: 50px 0 0;
			height: 500px;
			background: linear-gradient(top, rgba(40,100,160,.3) 0%, rgba(40,100,160,.7) 100%);
			background: -moz-linear-gradient(top, rgba(40,100,160,.3) 0%, rgba(40,100,160,.7) 100%);
			background: -webkit-linear-gradient(top,...