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
On this page of the site you can watch the video online adding stroke effects to text using css with a duration of hours minute second in good quality, which was uploaded by the user CodeIT 19 February 2021, share the link with friends and acquaintances, this video has already been watched 73 times on youtube and it was liked by 4 viewers. Enjoy your viewing!
