메뉴 건너뛰기

프로그램언어

조회 수 5843 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

텍스트 메뉴에 그림자 스타일 효과 주기

filter:shadow() 를 이용하면 됩니다.

예) 흰색 메뉴 글자에 검정색 그림자 1px 효과 입니다.
<span style="color:#FFFFFF;filter:shadow(color=#000000,direction=135,strength=1);">메뉴1</span>

위 예제의 shadow 옵션 설명
color : 그림자 색상
direction : 그림자 각도
strength : 그림자 길이

세이박스 메인 탑메뉴에 그림자 효과를 주기위해 옵션을 여기 저기 찾아 보니 원하는 효과가 없었습니다.
1픽셀만큰 그림자 효과를 주고 싶었는데 알고보니 세이박스 게시글에 strength 옵션에 대해 제가 과거에 올려 놨었더군요.


List of Articles
번호 제목 날짜 조회 수
32 Box CSS file 2014.02.27 6584
31 둥근 모서리 박스 css 2014.02.27 5901
» 메뉴 텍스트(text)에 그림자 효과 주기 2014.02.27 5843
29 네이버 나눔글꼴 적용 2014.03.01 6707
28 <iframe>으로 올린 유투브 동영상 z-index 문제 2015.02.03 6684
27 IIS7 에서 woff MIME 등록하기. 2015.02.03 4776
26 모바일 실제 해상도와 device-width 2015.02.03 4774
25 모바일 체크박스 변경 마크업 2015.02.03 5013
24 CSS background-repeat 이해하기 2016.12.22 4773
23 light박스 css로 흉내내기 2016.12.22 4663
22 css를 이용한 테이블 가운데 정렬 2016.12.22 4902
21 말줄임 2016.12.22 4770
20 HTML 목록 태그와 CSS를 활용하여 깔끔한 목록 스타일을 만드는 방법 / CSS list-style file 2016.12.22 6240
19 CSS3를 이용하여 둥근모서리 박스 만들기 2016.12.22 5881
18 중급 사용자를 위한 CSS 선택자에 관한 지식 / CSS에서 마우스 동작을 감지하는 방법 2016.12.22 5000
17 웹 브라우저에 [가로 스크롤 안생기게 하기] 2016.12.23 15191
16 인쇄할때 페이지 나누는 br 태그 2016.12.23 4817
15 폼을 투명하게 2016.12.23 5289
14 텍스트 ime모드 속성 2016.12.23 5002
13 링크 오버속성+버튼 디자인 2016.12.23 4708
Board Pagination Prev 1 2 Next
/ 2

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved