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.
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>
<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>
0 Comments