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>
|
댓글을 작성하시려면 로그인이 필요합니다.