title: Only colour half a div with CSS gradients
body: <p>is it possible to colour only half a div white from the left and the other side green? I want to do this on the 19th date in this graphic</p>
  
  <p><a href="https://i.stack.imgur.com/DGYU9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DGYU9.png" alt="enter image description here"></a></p>
  
  <pre class="lang-css prettyprint-override"><code>td.specialDate:first-of-type {
     background-image: linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%);
     background-image: -webkit-linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%);
  }
  </code></pre>