How to create lighting effect for text using css | Sanwebcorner

How to create lighting effect for text using css

In this post i am going to tell you how to create lighting effect for text using css with text shadow Property. For lighting effect background should be the dark color like black then choose the text shadow color white and light yellow .

See the lighting effect in below diagram.


Html Code for Lighting Effect :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
h1 {
text-shadow: 0 0 10px #fff,
0 0 20px #fff,
0 0 30px #fff,
0 0 40px #ff00de,
0 0 70px #FFFF00,
0 0 80px #FFFF00,
0 0 100px #FFFF00,
0 0 150px #FFFF00;
font-size:38px;
}
</style>
</head>
<body bgcolor="#000000">
<h1>San Web Corner</h1>
</body>
</html>