Outline text with one line of CSS

this was such a big help, thank you!

thank u so much <3

You are a wizard! Thank you

You saved me mate <3
liked and subbed!

Talks Fast.
Thumbs Down👎

I knew when I web-searched this Whose video would come up automagically... Thanks, Kev!

So can we make it transparent with just the stroke?

Great tip, I love these short snippets. Please make more 🙏🙏🙏

Guys can anyone help me PLEASE?
I'm trying to wrap a TableRow inside a Button, but the display messes up with the table headers!
Any css tip?

Yeah but does it work on Netscape?

Is Like

It’s a cool way to create an animated text decoration on a link. You can use a linear-gradient to create a 1px line under the text and animate the background-size. If you add a text-stroke equal to the background-color of the space, you can create “gaps” in the linear-gradient where the text overlaps.

"And just like that we get at stroke."

Neat! I’ve always ended up using an SVG just for text I needed outlined. This removes most of the complexity

I am taking some time out to try and get focus back on my initial aim for the website, but every video you've released recently (bar none!) has focused on issues that I need to deal with. I know you're a busy man with a well planned schedule but it feels like after you took a look at the site, your in the office kicking my butt to get on and finish the project already! Thank you as always even when you're not trying you're still motivating :)

So weird that it needs the web kit prefix. Thanks for this tip!!

The -webkit-text-stroke doesn't support placing the stroke on the outside of the text and this really sucks. Not sure why web standards move this slow.

Not working on chrome..on windows 10(don't know if it has anything to do with windows)..please help

Sir, can you please make a video how to use backface-visibilty property...😣😣😣

Caring about IE is like caring about Netscape

Best ❤️🔥

I could have used that about 2 weeks ago.😂 Awesome video!

You never disappoint.

Your content is very good

Biggest gotcha with this technique is that there is no option for inside or outside stroke - it's always a centre aligned which makes it's usefulness somewhat limited.

Please stop talking about IE

If you worry about IE you already lost...

what is Internet Explorer again? 😏

I use text-shadow: -1px 0px black, 0 1px black, 1px 0 black, 0 -1px black; for outline text works on ie11 too.

Would be nice if we could use gradients with it, as a work around though you could use transparent stroke on a gradient background and probably do some trickery to get the desired effect.

We can do this by some font also. Can you show us Multi-Column Drop down.