JSFiddle - React, Tailwind, and code Playground

by fabriziosirini

HTML

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <p class="classic">Il più grande condottiero è colui che vince senza combattere</p>
        <p class="blur">Chi è prudente aspetti con pazienza chi non lo è, sarà vittorioso</p>
        <p class="emboss">Conosci il nemico, conosci te stesso, mai sarà in dubbio il risultato di 100 battaglie</p>
    </body>
</html>

CSS

html{
  background: #ddd;  
}
body{
  background: transparent;
}

p{
  line-height: 30px;
  font-size: 20px;
}

p.classic{
   text-shadow: 2px 2px 4px #666;
}

p.blur{
    color: transparent;
    text-shadow: 0px 0px 4px #666;
}

p.emboss{
    color: #ddd;
    text-shadow:  1px 1px 1px black, -1px -1px 1px white;
}