JSFiddle - React, Tailwind, and code Playground

by kachibito

HTML

<ul>
<li class="list_a">09:00 - 12:00</li>
<li class="list_b off">12:00 - 14:00</li>
<li class="list_c off">14:00 - 18:00</li>
<li class="list_d">18:00 - 22:00</li>
<li class="list_e">22:00 > </li>
</ul>

CSS

*{ font-family: 'Raavi', sans-serif }
ul{margin:25px;}
li{font-weight:bold;font-size: 45px ;}
.off{
    opacity: 0.2 ;
    /*for IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=20) ;
}