Gradient & Light Shadow

Gradient & Light Shadow

by Avinashullal

HTML

<div class="content"></div>
<div class="shadow"></div>

CSS

.content
{
height:100px;
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
.shadow {
	position: relative;
	top: 0px;
	height: 20px;
}
.shadow:before {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(155,155,0, 0.25);
	border-radius: 50% / 20px; 
	box-shadow: rgba(0, 0, 0, 0.5) 0 5px 10px;
	clip: rect(20px, auto, 50px, 0);
}