Text shadow effects in css ! Multiple text shadow effect in css

Easy Technica


= VIEDO ABOUT=
HTML learn
HTML teach
CSS EASY teach
LEARN HTML
CSS WITH ENGLISH AND HINDI
CSS TUTORIAL IN HINDI AND ENGLISH
#css
#easytechnica
#easycss
CSS Shadow Effects
With CSS you can add shadow to text and to elements.
In these chapters you will learn about the following properties:
text-shadow
box-shadow

h1 { text-shadow: 2px 2px red;}
CSS Text Shadow
CSS Text Shadow
The CSS text-shadow property applies shadow to text.
In its simplest use, you only specify the horizontal shadow (2px) and the vertical shadow (2px):

Shadow
h1 {  text-shadow: 2px 2px;}

h1 {  text-shadow: 2px 2px red;}

h1 {  color: white;  text-shadow: 2px 2px 4px #000000;}

h1 {  text-shadow: 0 0 3px #FF0000;}

h1 {  color: yellow;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}

Multiple Shadows
To add more than one shadow to the text, you can add a comma-separated list of shadows.
The following example shows a red and blue neon glow shadow:

h1 {  text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;}

h1 {  color: white;  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}

=CHANNEL ABOUT=
Simply learn Html
Learn Html
Easy Html Learn
All Topic Teach Html
Free Of Course Learn Html
Hindi Html Learn
Practical Html Learn
PPT Learn Html
Sublime In practical

PART:= BACK

Downlod sublime: =



= FOLLOW ON =

Follow instagram

Follow facebook:

Follow twitter:

Follow telegram:
@Easy technica

LIKE !!
Subscribe youTube : Easy Technica
Share AND
Comment (your review)


THANK YOU SO MUCH BY LEARN VIEDO !!