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
LINK:= • CSS Multiple Backgrounds |Define Multiple ...
Downlod sublime: =
= "https://www.sublimetext.com/"
= FOLLOW ON =
Follow instagram
/ easytechnica
Follow facebook:
/ abhay.shiroya
Follow twitter:
/ easytechnica
Follow telegram:
@Easy technica
LIKE !!
Subscribe youTube : Easy Technica
Share AND
Comment (your review)
THANK YOU SO MUCH BY LEARN VIEDO !!