JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<div>
10
</div>

CSS

div {
  background: #F20;
  color: #FFF;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 5em;
  font-weight: 600;
  overflow: hidden;
  padding: 5px 10px;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.30),
               3px 3px 0 rgba(0,0,0,0.30),
               5px 5px 0 rgba(0,0,0,0.28),
               7px 7px 0 rgba(0,0,0,0.28),
               9px 9px 0 rgba(0,0,0,0.26),
               11px 11px 0 rgba(0,0,0,0.26),
               13px 13px 0 rgba(0,0,0,0.24),
               15px 15px 0 rgba(0,0,0,0.24),
               17px 17px 0 rgba(0,0,0,0.22),
               19px 19px 0 rgba(0,0,0,0.22),
               21px 21px 0 rgba(0,0,0,0.20),
               23px 23px 0 rgba(0,0,0,0.20),
               25px 25px 0 rgba(0,0,0,0.18),
               27px 27px 0 rgba(0,0,0,0.18),
               29px 29px 0 rgba(0,0,0,0.16),
               31px 31px 0 rgba(0,0,0,0.16),
               33px 33px 0 rgba(0,0,0,0.14),
               35px 35px 0 rgba(0,0,0,0.14),
               37px 37px 0 rgba(0,0,0,0.12),
               39px 39px 0 rgba(0,0,0,0.12),
               41px 41px 0 rgba(0,0,0,0.10),
               43px 43px 0 rgba(0,0,0,0.10),
               45px 45px 0 rgba(0,0,0,0.08),
               47px 47px 0 rgba(0,0,0,0.08),
               49px 49px 0 rgba(0,0,0,0.06),
               51px 51px 0 rgba(0,0,0,0.06),
               53px 53px 0 rgba(0,0,0,0.04),
               55px 55px 0 rgba(0,0,0,0.04),
               57px 57px 0 rgba(0,0,0,0.02),
               59px 59px 0 rgba(0,0,0,0.02)
}