메뉴 건너뛰기

프로그램언어

조회 수 5909 추천 수 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 옵션에 대해 제가 과거에 올려 놨었더군요.


  1. 말줄임

    Date2016.12.22 Views4833
    Read More
  2. css를 이용한 테이블 가운데 정렬

    Date2016.12.22 Views4972
    Read More
  3. light박스 css로 흉내내기

    Date2016.12.22 Views4731
    Read More
  4. CSS background-repeat 이해하기

    Date2016.12.22 Views4848
    Read More
  5. 모바일 체크박스 변경 마크업

    Date2015.02.03 Views5073
    Read More
  6. 모바일 실제 해상도와 device-width

    Date2015.02.03 Views4850
    Read More
  7. IIS7 에서 woff MIME 등록하기.

    Date2015.02.03 Views4841
    Read More
  8. <iframe>으로 올린 유투브 동영상 z-index 문제

    Date2015.02.03 Views6865
    Read More
  9. 네이버 나눔글꼴 적용

    Date2014.03.01 Views6900
    Read More
  10. 메뉴 텍스트(text)에 그림자 효과 주기

    Date2014.02.27 Views5909
    Read More
  11. 둥근 모서리 박스 css

    Date2014.02.27 Views5961
    Read More
  12. Box CSS

    Date2014.02.27 Views6642
    Read More
Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved