메뉴 건너뛰기

프로그램언어

조회 수 5806 추천 수 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. No Image 23Dec
    by
    2016/12/23 Views 5748 

    하이퍼링크 & 링크이미지에 점선을 죽임

  2. No Image 27Feb
    by 조쉬
    2014/02/27 Views 5806 

    메뉴 텍스트(text)에 그림자 효과 주기

  3. No Image 22Dec
    by
    2016/12/22 Views 5840 

    CSS3를 이용하여 둥근모서리 박스 만들기

  4. No Image 27Feb
    by
    2014/02/27 Views 5854 

    둥근 모서리 박스 css

  5. No Image 23Dec
    by
    2016/12/23 Views 5874 

    background-size 속성

  6. CSS : 반응형 웹(Responsive Web)

  7. HTML 목록 태그와 CSS를 활용하여 깔끔한 목록 스타일을 만드는 방법 / CSS list-style

  8. Box CSS

  9. No Image 03Feb
    by
    2015/02/03 Views 6644 

    <iframe>으로 올린 유투브 동영상 z-index 문제

  10. No Image 01Mar
    by
    2014/03/01 Views 6666 

    네이버 나눔글꼴 적용

  11. No Image 23Dec
    by
    2016/12/23 Views 9671 

    input box 테두리 없애기

  12. No Image 23Dec
    by
    2016/12/23 Views 15136 

    웹 브라우저에 [가로 스크롤 안생기게 하기]

Board Pagination Prev 1 2 Next
/ 2

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved