Text Shadow 문자 그림자

이 text-shadow속성은 텍스트에 그림자를 추가합니다.

다음 예제는 수평 그림자 (3px), 수직 그림자 (2px) 위치 및 그림자 색상 (빨간색)의 위치를 ​​지정합니다.

Example

h1 {

    text-shadow: 3px 2px red;

}

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    text-shadow: 3px 2px red;

}

</style>

</head>

<body>

<h1>Text-shadow effect</h1>

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

</body>

</html>