JSFiddle - React, Tailwind, and code Playground

by Anthony Fernando Torres Detquizan

HTML

<div id="container1">
  <ul>
    <li>PLANO 01</li>
    <li>PLANO 02</li>
    <li>PLANO 02</li>
  </ul>
<div>

CSS

body {

  background-image: url('https://wallpaperbrowse.com/media/images/704532.jpg');

}
#container1 {
  position: relation;
  height: 200px;
  width: 200px;
}


ul li {
  color :   linear-gradient(to top, rgb(30, 87, 153) 0%, rgba(41, 137, 216, 0.37) 50%, rgba(32, 124, 202, 0.36) 51%, rgba(32, 124, 202, 0.08) 73%);
}