JSFiddle - React, Tailwind, and code Playground

by Elender Gallas

HTML

<p>
  <b style="font-size: 25px;">O</b> texto esculpido por João em <b>Apocalipse 14:7</b> <i>"Temei a Deus e dai-lhe glória, pois é chegada a hora de seu juízo..." </i>
</p>
<p id="teste" class "efeito" style="font-size: 1.5px;">.
</p>
<p>
no bojo do Plano de Redenção, representa o antítipo do dia das trombetas da Festa dos Tabernáculos. 
</p>

CSS

#teste {
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.21) 13%, rgba(0, 0, 0, 0.61) 20%, rgba(0, 0, 0, 0.15) 39%, rgba(0, 0, 0, 0.04) 96%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.21) 13%, rgba(0, 0, 0, 0.61) 20%, rgba(0, 0, 0, 0.15) 39%, rgba(0, 0, 0, 0.04) 96%);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.21) 13%, rgba(0, 0, 0, 0.61) 20%, rgba(0, 0, 0, 0.15) 39%, rgba(0, 0, 0, 0.04) 96%);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.21) 13%, rgba(0, 0, 0, 0.61) 20%, rgba(0, 0, 0, 0.15) 39%, rgba(0, 0, 0, 0.04) 96%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.21) 13%, rgba(0, 0, 0, 0.61) 20%, rgba(0, 0, 0, 0.15) 39%, rgba(0, 0, 0, 0.04) 96%);
}