Trio 홈페이지 - 입체적 텍스트 만들기 예제

입체적 텍스트 만들기 예제

그림자

트리오 웹 프랜드

휴먼엽서체

comic sans ms

<head>
..
<style type="text/css">
<!--
div { position:absolute; font-size:1.5em; font-weight:bold;}
.lay11 { top:0; left:0; color:red;}
.lay12 { top:+3; left:+3; color:800;}

.lay21 { top:-1; left:-1; color:eff; font-family:'궁서체'}
.lay22 { top:0; left:0; color:ace; font-family:'궁서체'}
.lay23 { top:+1; left:+1; color:58a; font-family:'궁서체'}
.lay24 { top:+2; left:+2; color:048; font-family:'궁서체'}

.lay31 { top:-2; left:-2; color:cef; font-family:'휴먼엽서체'}
.lay32 { top:0; left:0; color:48f; font-family:'휴먼엽서체'}
.lay33 { top:+2; left:+2; color:048; font-family:'휴먼엽서체'}

.lay41 { top:-2; left:-2; color:df4; font-family:'comic sans ms'}
.lay42 { top:0; left:0; color:080; font-family:'comic sans ms'}
.lay43 { top:+2; left:+2; color:df4; font-family:'comic sans ms'}
-->
</style>
</head>

<body>
..
<img src="../gif/rfexample.gif" border=0>

<div>
<div class="lay12">그림자</div>
<div class="lay11">그림자</div>
</div><br><br><br>

<div>
<div class="lay24">트리오 웹 프랜드</div>
<div class="lay23">트리오 웹 프랜드</div>
<div class="lay21">트리오 웹 프랜드</div>
<div class="lay22">트리오 웹 프랜드</div>
</div><br><br><br>

<div>
<div class="lay31">휴먼엽서체</div>
<div class="lay32">휴먼엽서체</div>
<div class="lay33">휴먼엽서체</div>
</div><br><br><br>

<div>
<div class="lay41">comic sans ms</div>
<div class="lay43">comic sans ms</div>
<div class="lay42">comic sans ms</div>
</div>
..
</body>
</html>

제공

이 문서(http://trio.co.kr/webrefer/csex/cx3d.html)는
자유로이 연결 사용이 가능함.