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