Stroke Text Using CSS

css-stroke-text

In this small CSS tutorial, we will learn how to create text with stroke effect.

HTML

Let’s create some text and add class text-stroke to it.

1
<h1 class="text-stroke">Text Stroke</h1>

CSS

Now using css we will add outline or add stroke effect to this text.

1
2
3
4
.text-stroke {
  -webkit-text-stroke: 2px #222;
  color: transparent;
}

Demo

Demo – Stroke Text Using CSS

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *