CSS3 그림자 효과 네번째

CSS3 그림자 효과 네번째 > 퍼블리셔팁

퍼블리셔팁

퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.

CSS3 그림자 효과 네번째 정보

CSS CSS3 그림자 효과 네번째

CSS3 그림자 효과 네번째

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

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

예

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>