Stroke Text Using CSS

August 24, 2020

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

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

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

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;
}