If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.
text-shadow property का use text में shadow apply करने के लिए किया जाता है। text-shadow shadow apply करने के लिए shorthand property है।
p{
text-shadow : 3px 3px;
} Simple text shadow example
दिए गए example में सिर्फ horizontal shadow (3px) और vertical shadow (3px) apply हो रही है।
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS text-shadow example</title>
</head>
<p style="text-shadow : 3px 3px;font-size:30px">Simple text shadow example</p>
<body>
</body>
</html>color add करने के लिए simply horizontal और vertical shadow के बाद color name define कर देना है।
p{
text-shadow : 3px 3px red;
}Simple text shadow example
Simple text shadow example
Simple text shadow example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS text-shadow example</title>
</head>
<p style="text-shadow : 3px 3px red;font-size:30px">Simple text shadow example</p>
<p style="text-shadow : 3px 3px gold;font-size:30px">Simple text shadow example</p>
<p style="text-shadow : 3px 3px green;font-size:30px">Simple text shadow example</p>
<body>
</body>
</html>p{
text-shadow : 3px 3px 5px red;
}
p{
text-shadow : 3px 3px 5px red, 3px 3px 5px blue;
}
Other text shadow example
Other text shadow example
Other text shadow example
Antoerh text shadow examples
Antoerh text shadow examples
Antoerh text shadow examples
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS text-shadow example</title>
</head>
<p style="text-shadow : 3px 3px 5px red;font-size:30px">Other text shadow example</p>
<p style="text-shadow : 3px 3px 5px gold;font-size:30px">Other text shadow example</p>
<p style="text-shadow : 0px 0px 5px green;font-size:30px">Other text shadow example</p>
<p style="text-shadow : 5px 2px 2px red, 7px 2px 2px green;font-size:30px">Antoerh text shadow examples</p>
<p style="text-shadow : 5px 2px 2px blueviolet, 7px 2px 2px red;font-size:30px">Antoerh text shadow examples</p>
<p style="text-shadow : 5px 2px 2px gold, 7px 2px 2px green;font-size:30px">Antoerh text shadow examples</p>
<body>
</body>
</html>