CSS3 〜　text-shadowを使用して発光した雰囲気をだす

ポイントは、２つ。

text-shadowは繰り返し指定することができる
内側の色は文字色と同じ色にすることで、文字の輪郭がぼやけて発光を醸しだす

コードは下記。

<html>
<style>
#boxC {
	width:500px;
	height:100px;
	float:left;
	background-color: gray;
	text-align: center;
}
div#boxC p{
	font-family :Myriad, Helvetica, Arial, sans-serif;
	font-size: 42px;
	width:400px;
	height:100px;
 	line-height: 100px;
	color:#FFFFFF;
	background-color:#000000;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	text-shadow: 0 0 5px #FFFFFF,0 0 20px blue, 0 0 40px #FFFFFF, 0 0 60px red;
}
</style>
<div id="boxC"><p>Art at Midnight!!</p></
</html>