HTML/CSS

HTML5

[CSS3] Text-Shadow / Box-Shadow

WEBSP2012.02.14 11:34

조회 : 4,654

Text-Shadow / Box-Shadow
Text-Shadow 는 글자에 그림자를 줄 수 있는 CSS 속성입니다.
이 속성은 Ms filter 에서도 존재하였었으나, 현재에는 사용되어지지 않고 있는 속성이며,
CSS3 에서 다시 등장하였습니다.
 
Text-Shadow 속성은 IE 계열의 브라우저에서는 현재는 적용되어지지 않고 있으며,
파이어폭스 및 크롬 등의 표준 계열 브라우저에서는 현재 적용되어 지고 있습니다.
이 속성 또한 별도의 핵 코드 없이 사용 가능하며, " text-shadow: 5px 5px 5px #666; " 이와 같이 적용 했을때
그림자에 생성된 그림자를 확인 하실  수 있습니다.
 
Box-Shadow
Box-Shadow 또한 Text-Shadow 와 같이 원하는 박스 형태의 구조에 그림자를 적용 할 수 있는 속성이며,
이 속성은 IE9 이상의 브라우저와 표준 계열 브라우저에서 핵코드 없이 적용 가능한 속성입니다.
" box-shadow: 5px 5px 5px #666; "
이처럼 적용 했을때 박스에 생성된 그림자를 확인 하실 수 있습니다.
 

0개의 댓글이 있습니다.

select count(*) as cnt from g4_login where lo_ip = '52.91.0.68'

1194 : Table 'g4_login' is marked as crashed and should be repaired

error file : /bbs/board.php