W3.CSS 텍스트 그림자

 

CSS3 텍스트 그림자 속성은 그림자 또는 흐림 효과를 텍스트에 추가하는 데 사용할 수 있습니다.

 

 

예
<h2 class="w3-blue" style="text-shadow:1px 1px 0 #444">Text Shadow</h2>
 

특수 효과

 

 

<div class="w3-panel w3-pink">
  <h1 class="w3-opacity">
  <b>Text Opacity + Bold</b></h1>
</div>

<div class="w3-panel w3-amber">
  <h1 class="w3-text-yellow" style="text-shadow:1px 1px 0 #444">
  <b>Yellow Text + Shadow + Bold</b></h1>
</div>

<div class="w3-panel w3-blue">
  <h1 class="w3-text-orange" style="text-shadow:1px 1px 0 #444">
  <b>Orange Text + Shadow + Bold</b></h1>
</div>