adding stroke effects to text using css

Hello viewers, today we are gonna see how can we add stroke effects to our texts which is a very simple yet very beautiful effect that can be achieved using only CSS.

In this video, I showed how to create the same effect using two different ways.

👉Firstly, we created the stroke effect by giving the width and color of the stroke separately.
👉Secondly, we created the stroke effect by giving the width and color of the stroke simultaneously.

But for this effect to look good, you should follow some rules:-

👉The text should be large enough.
👉The stroke color should not be of the color of the text. I personally use transparent color for the text.

📝Sourcecode:-

And I am working on a video series in which we learn how can we design texts using CSS out of which this video is a part.

And I am also working on a video series in which we create amazing projects using pure vanilla JavaScript. You should not miss that out:-

🌍Find me on:-