<div class="gradient"> </div>
div { height: 100px; background-color: red; background-image: linear-gradient( to right, red, yellow 10% ); }
This Pen is owned by Chris Coyier on CodePen.
See more by @chriscoyier on CodePen
This Pen doesn't use any external CSS resources.