<style type="text/css">
.css_test1 {
background : black;
color : white;
font-size : 50pt !important;
font-weight : bold;
text-shadow : 0px 0px 4px white, 0px -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;
}
.css_test2 {
background : black;
font-size : 50pt !important;
font-weight : bold; color:white;
text-shadow : 0px 0px 4px white, 0px -5px 4px #E8F3FF, 2px -10px 6px #3352FF, -2px -15px 11px #0006FF, 2px -25px 18px #0006FF;
}
</style>
<div class="css_test1">Do you like Fire ?</div>
<div class="css_test2">Do you like Fire ?</div>
- 마이크로소프트 MSDN 에서 본 예제입니다. (폰트 크기만 키워 보았습니다)
- 원래 빨간색 불 예제만 있었는데 파란색 불도 만들어 보았습니다.
- 그림자 효과를 여러개 겹쳐서 사용한 예제입니다.
- 컴마를 이용하여 여러 효과를 동시에 사용한 것일뿐 특별한 것은 아닙니다.