CSS3 그림자 효과 세번째 정보
CSS CSS3 그림자 효과 세번째본문
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>
추천
0
0
댓글 0개