<div class="box1"></div>
<div class="box2"></div>
.box1{
  width:100px;
  height:100px;
  background:linear-gradient(0deg,orange,yellowgreen);
}

.box2{
  width:100px;
  height:100px;
  background:linear-gradient(to top,orange,yellowgreen);
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.