여러 그림자

텍스트에 두 개 이상의 그림자를 추가하려면 쉼표로 구분 된 그림자 목록을 추가하면됩니다.

다음 예제는 빨강 및 파랑 네온 광선 그림자를 보여줍니다.

예

h1 {

    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;

}

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;

}

</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>