웹개발/HTML

#CSS3 Text-Shadow

에르소 2014. 7. 16. 18:04
반응형


텍스트 그림자 효과 (Text-shadow) 



[완성]


[코드]

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>text Shadow</title>

</head>

<style>

.texttest

{

color: #30C;

text-shadow: 3px 4px 5px #000;

}

.texttest2

{

color: #39C;

text-shadow: 2px 3px 4px #000;

}

</style>

<body>

<div class="texttest">

텍스트 그림자 효과 입니다.<BR/>

HTML5 + CSS3

</div>

<br>

<br>

<div class="texttest2">

텍스트 그림자 효과2 입니다.<br/>

</div>

</body>

</html>



반응형

'웹개발 > HTML' 카테고리의 다른 글

Sitemesh setting  (0) 2014.07.18
동적 include  (0) 2014.07.16
#CSS3 Border-radius 로 원 그리기  (0) 2014.07.15
#CSS3 border-radius (2)  (0) 2014.07.15
#CSS3 border-radius  (0) 2014.07.15