CSS Text Shadow (in 1 minute)

CSS Text Shadow - One Minute Coding by ColorCode.io
CSS Text Shadow is a really cool way to add another dimension to your text. In this video, I show you all the options you have in creating an awesome text-shadow, including horizontal and vertical offset, blur, color.
For full courses and more free coding tutorials go to: www.colorcode.io/
ColorCode merchandise: www.etsy.com/shop/ColorCodeStore
Music:
Faster Does It by Kevin MacLeod is licensed under a Creative Commons Attribution license (creativecommons.org/licenses/...)
Source: incompetech.com/music/royalty-...
Artist: incompetech.com/
Edited for this video to suit the format and length

[@ColorCodeio]

CSS Text Shadow (in 1 minute) 💻💙

[@TheAcidMotion]

Great tutorial, and well mentioned warning at the end. Its very easy to go crazy with text shadow. Well done

[@ColorCodeio]

Thank you very much!

[@TheGiantHog]

Super awesome,I love whenever a new video comes out

[@ColorCodeio]

Awesome :)

[@thiagoneves50]

That was a fun video! Very effective, thanks!

[@ColorCodeio]

Awesome

[@Ninjago4ever]

Best tutorial! Thank you

[@Bbamggyu]

This is underrated

[@lauraroberts534]

Great Explanation! Thank you.

[@ColorCodeio]

You are welcome!

[@user-sj5pp3yz5b]

Kevin Powell mentioned text shadow so here i am now u r best guys 🕺🏿💃🎉🎊👏

[@TheNotoriousJS]

This is also very helpful with ADA when images are disabled.

[@sabonacio]

Bro, thank you!

[@ColorCodeio]

Yw!

[@urlocalperson2201]

Awsome!!! Could u explain z-index and parts of grid and flex plz? Also will u be doing JS tutorials?

[@ColorCodeio]

I'll do one on z-index but Flexbox and Grid are going to be really hard to do in 1 minute. JavaScript coming soon, yes. :)

[@urlocalperson2201]

ColorCode ok thank u so much!!!😁 im looking forward to it

[@VidarrKerr]

Excellent! Thank You! BTW, loosen your bandana. Tie it when it is snug on your face, then pull it down. That's how to do it! You are wearing it "baby bib" style. LOL.

[@VidarrKerr]

I copied the shadow at the end for practice and it's almost the same. I ended up with four text shadows. I know you have at least 2, that is obvious; but it looks like you have more than 3. Maybe 4 or 5? One that goes out to 100px? The resolution of YT is limited, I know.

[@natelawrence]

Riddle me this: Is it possible to define the text-shadow offset + blur radius in something besides pixels? (percentages, ems, rems?) I need something that would allow the proportion of the text-shadow to the text to remain constant as the page is magnified (just as if I'd created it as an SVG). If you tell me there's no way of maintaining the proportionality of the shadow to the text across magnifications... I'm not impressed with the specification designer.

[@ColorCodeio]

Offset and blur both accept length values so you can use any absolute or relative value you want. I'd also urge you to try it. See more: developer.mozilla.org/en-US/docs/Web/CSS/text-shadow

[@Thedimka]

What about transparency of that shadow? can I just add alpha-channel %?

[@ColorCodeio]

Yes, add alpha to your color using RGBA or HEX. See my box shadow in 1 minute video.

[@joshikaran-zm2ju]

bros a gangster and a coder damn

[@ColorCodeio]

🤘

[@warunadevaka406]

Great

[@ColorCodeio]

Thanks

[@jeckart3d]

Another great video. But shadow up? C’mon. ;)

[@ColorCodeio]

The light was on the floor 🤷‍♂️