JSFiddle - React, Tailwind, and code Playground

by cgreinhold

HTML

Vertical gradient
<div class="div1"></div>
Horizontal gradient
<div class="div2"></div>

CSS

.div1 {
  width: 200px;
  height: 50px;
  background-image: linear-gradient(black, red);
}

.div2 {
  width: 200px;
  height: 50px;
  background-image: linear-gradient(to right, black, red);
}