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:-
https://codepen.io/pen/?template=xxRrvLx
I have also created one more video in which I designed by text to make it look good. If you wanna see that video, here it is:- • Clip a background behind a text || An Awes...
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:-
• Reveal elements on scroll using pure javas...
🌍Find me on:-
Github:- https://github.com/ani-24
Codepen:- https://codepen.io/codeit-ani