JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="box">
  
</div>
<div class="box2">
  
</div>

CSS

.box {height:300px;
  background: linear-gradient(
    to bottom,
    red, 
    transparent
  );
}
.box2 {height:300px;
  background: linear-gradient(
    to bottom,
    red,
    rgba(255, 0, 0, 0)
  )
}