일반 텍스트에 그림자 효과 주기

Web

by Werbershinta 2010. 2. 1. 21:14

텍스트에 그림자 효과를 줄려면 필터를 사용하시면 됩니다.
<div style="width:200; height:30; font-size:18pt; filter:dropshadow(color=#336600, offx=10, offy=10, positive=1)"> 그림자주기 </div>

color : 색상
offx,offy : 그림좌의 x,y좌표. x가 가로위치 y가 세로위치
positive : 0이면 투명, 1이면 불투명
dropShadow 필터는 DIV, MARQUEE, SPAN, TABLE, TD, TH 테그에만 적용됩니다

예시입니다.

저작자표시 비영리 변경금지

'Web' 카테고리의 다른 글

웹페이지 툴팁에 대한 Tip (0)	2011.03.24
편하고 쓰기 쉬운 발사믹 목업(Balsamiq Mockup Overview) (1)	2010.06.29
구글의 웹브라우져 "크롬" (0)	2010.02.03
IIS에서 MINE값 리스트 (0)	2010.01.29
메타테그 속성정리 (0)	2010.01.28