Big Shadow - Light

by technotarek

HTML

<div class="container">

    <div class="softLight"></div>
</div>

CSS

body {
    background:#220B23;
    color:#fff;
    padding:150px 20px;
}
.softLight {
    border:1px solid red;
    position: relative;
    top: 20px;
    left:235px;
    height: 20px;
    width:470px;
}
.softLight:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(155,155,0, 0.25);
    border-radius: 100%; 
    box-shadow: -60px 0 160px 10px rgba(200, 200, 200, 1);
    clip: rect(-170px, auto, 0px, -120px);
}