CSS Text Shadow (in 1 minute)

[@ColorCode-io]

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

[@ColorCode-io]

Thank you very much!

[@TheGiantHog]

Super awesome,I love whenever a new video comes out

[@ColorCode-io]

Awesome :)

[@thiagoneves50]

That was a fun video! Very effective, thanks!

[@ColorCode-io]

Awesome

[@onplasticbeach]

This is underrated

[@lauraroberts534]

Great Explanation! Thank you.

[@ColorCode-io]

You are welcome!

[@guru_bro]

bro is a G

[@Ninjago4ever]

Best tutorial! Thank you

[@urlocalperson2201]

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

[@ColorCode-io]

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

[@TheNotoriousJS]

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

[@Nassos.Chalmoukis]

Very Well Done!!!

[@ColorCode-io]

Ty

[@joshikaran-zm2ju]

bros a gangster and a coder damn

[@ColorCode-io]

🤘

[@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.

[@sabonacio]

Bro, thank you!

[@ColorCode-io]

Yw!

[@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.

[@Thedimka]

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

[@ColorCode-io]

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

[@warunadevaka406]

Great

[@ColorCode-io]

Thanks

[@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.

[@ColorCode-io]

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

[@jeckart3d]

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

[@ColorCode-io]

The light was on the floor 🤷‍♂️