CSS3 그림자 효과 세번째 

예

h1 {

    color: white;

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

}

[전체소스]

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    color: white;

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

}

</style>

</head>

<body>

<h1>Text-shadow effect!</h1>

<p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p>

</body>

</html>

다음 예제에서는 빨간색 네온 광선 그림자를 보여줍니다. 

예

h1 {

    text-shadow: 0 0 3px #FF0000;

}

[전체소스]

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    text-shadow: 0 0 3px #FF0000;

}

</style>

</head>

<body>

<h1>Text-shadow effect!</h1>

<p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p>

</body>

</html>