====== CSS - Text - Text inset / outset ======

<code css>
body {
  font-size: 2em;
  font-family: sans-serif;
  background: #DDD;
  color: #888;
}

.inset-text {
  text-shadow: #000 -1px -1px 0;
}

.outset-text {
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0;
}
</code>


<code html>
<div class="inset-text">Inset Text</div>
<div class="outset-text">Outset Text</div>
</code>

result:


{{:css:css_-_text_-_inset_-_outset.png?400|}}