JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="txt1 shd">
TEXT 1
</div>

<div class="txt2 shd">
TEXT 2
</div>

CSS

div {    text-align:center;
    font-size:60px;
    padding:50px;
}
.txt1{
    background-color: rgb(246, 80, 52);
    color: rgb(255, 255, 255);
}

.txt2{
    background-color: rgb(80, 246, 52);
    color: rgb(255, 255, 255);
}

.shd {
    opacity: 1;
    text-shadow: 1.11472px 1.0037px 0 rgba(255, 255, 255, .2), 2.22943px 2.00739px 0 rgba(255, 255, 255, .2), 3.34415px 3.01109px 0 rgba(255, 255, 255, .2), 4.45887px 4.01478px 0 rgba(255, 255, 255, .2), 5.57359px 5.01848px 0 rgba(255, 255, 255, .2), 6.6883px 6.02218px 0 rgba(255, 255, 255, .2), 7.80302px 7.02587px 0 rgba(255, 255, 255, .2), 8.91774px 8.02957px 0 rgba(255, 255, 255, .2), 10.0325px 9.03326px 0 rgba(255, 255, 255, .2), 11.1472px 10.037px 0 rgba(255, 255, 255, .2), 12.2619px 11.0407px 0 rgba(255, 255, 255, .2), 13.3766px 12.0444px 0 rgba(255, 255, 255, .2), 14.4913px 13.048px 0 rgba(255, 255, 255, .2), 15.606px 14.0517px 0 rgba(255, 255, 255, .2), 16.7208px 15.0554px 0 rgba(255, 255, 255, .2), 17.8355px 16.0591px 0 rgba(255, 255, 255, .2), 18.9502px 17.0628px 0 rgba(255, 255, 255, .2), 20.0649px 18.0665px 0 rgba(255, 255, 255, .2), 21.1796px 19.0702px 0 rgba(255, 255, 255, .2), 22.2943px 20.0739px 0 rgba(255, 255, 255, .2), 23.4091px 21.0776px 0 rgba(255, 255, 255, .2), 24.5238px 22.0813px 0 rgba(255, 255, 255, .2), 25.6385px 23.085px 0 rgba(255, 255, 255, .2), 26.7532px 24.0887px 0 rgba(255, 255, 255, .2), 27.8679px 25.0924px 0 rgba(255, 255, 255, .2), 28.9826px 26.0961px 0 rgba(255, 255, 255, .2), 30.0974px 27.0998px 0 rgba(255, 255, 255, .2), 31.2121px 28.1035px 0 rgba(255, 255, 255, .2), 32.3268px 29.1072px 0 rgba(255, 255, 255, .2), 33.4415px 30.1109px 0 rgba(255, 255, 255, .2), 34.5562px 31.1146px 0 rgba(255, 255, 255, .2), 35.671px 32.1183px 0 rgba(255, 255, 255, .2), 36.7857px 33.122px 0 rgba(255, 255, 255, .2), 37.9004px 34.1257px 0 rgba(255, 255, 255, .2), 39.0151px 35.1294px 0 rgba(255, 255, 255, .2), 40.1298px 36.1331px 0 rgba(255, 255, 255, .2), 41.2445px 37.1367px 0 rgba(255, 255, 255,...