Home > DeveloperSection > Forums > Text shadow in css
Ankit Singh

Total Post:341

Points:2389
Posted on    March-27-2016 11:33 PM

 CSS-CSS3 CSS-CSS3  CSS  CSS Text Shadow 
Ratings:


 1 Reply(s)
 224  View(s)
Rate this:
We want to use Text shadow in css. how to use this please help me.


aditya kumar Patel

Total Post:250

Points:1782
Posted on    March-27-2016 11:38 PM

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Text shadow </title>

<style>

.Textshadow h1 {

text-shadow: 2px 2px;

}

.Textshadow h2 {

text-shadow: 2px 2px #1C22DE;

}

.Textshadow h3 {

text-shadow: 2px 2px 5px #ffd800;

}

.Textshadow h4 {

color: #3033CC;

text-shadow: 2px 2px 4px #000000;

}

.Textshadow h5 {

text-shadow: 0 0 3px #FF0000;

}

.Textshadow h6 {

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

}

.Textshadow p {

color: #9BFF8A;

text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;

}

</style>

</head>

<body>

<div class="Textshadow">

<h1>MindStick.com</h1>

<h2>MindStick.com</h2>

<h3>MindStick.com</h3>

<h4>MindStick.com</h4>

<h5>MindStick.com</h5>

<h6>MindStick.com</h6>

<p>MindStick.com</p>

</div>

</body>

</html>


Don't want to miss updates? Please click the below button!

Follow MindStick