텍스트 그림자 만들기
Drop Shadow
Color Shadow
Blur Shadow
Glow Effect
WordArt Effect
3D Effect
Multiple Shadow Effect
<![CDATA[
<!DOCTYPE html>
<html>
<head>
<title>텍스트 그림자</title>
<style>
div {
font: normal 24px verdata;
}
.dropText {
text-shadow: 3px 3px;
}
.redText {
text-shadow: 3px 3px red;
}
.blurText {
text-shadow: 3px 3px 5px skyBlue;
}
.glowEffect {
text-shadow: 0px 0px 3px red;
}
.wordArtEffect {
color: white;
text-shadow: 0px 0px 3px darkBlue;
}
.threeDEffect {
color: white;
text-shadow: 2px 2px 4px black;
}
.multiEffect {
color: yellow;
text-shadow: 2px 2px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>
<body>
<h3>텍스트 그림자 만들기</h3>
<hr>
<div class="dropText"> Drop Shadow </div>
<div class="redText"> Color Shadow </div>
<div class="blurText"> Blur Shadow </div>
<div class="glowEffect"> Glow Effect </div>
<div class="wordArtEffect"> WordArt Effect </div>
<div class="threeDEffect"> 3D Effect </div>
<div class="multiEffect"> Multiple Shadow Effect</div>
<hr>
</body>
</html>
]]>