googleAdsense_widever


CSS - 고급 - filter Web Develop




1. AlphaChannel : 투명도를 조절. Gradiant effect
form : Alpha(Opacity=, FinishOpacity=, Style=, StartX=, StartY=, FinishX=, FinishY=)

Opacity : 시작투명값(0~100)
FinishOpacity : 마지막투명값(0~100)
Style : Gradiant 종류
0 : NONE
1 : linear
2 : radial
3 : rectangual
거의 1, 가끔 2. 이외는 거의 쓸 일 없는 형태



2. Motion Blur
Form : Blur(Add=?, Direction=?, Strength=?)

add : 블러 적용여부 (0 or etc.(보통 1))
direction : 블러 방향 (0~360)
strength : 블러 거리 (width, height, padding 이 적절하지 않으면 잘린다.)



3. Chroma : 특정 색을 삭제한다.(not white, but transparent)
Form : Chroma(Color=?)
color : hex color code



4. DropShadow
Form : DropShadow(Color=?, OffX=?, OffY=?, Positive=?)

cf. 적용되는 element에 width 속성이 없으면 적용이 안된다.

또한, 브라우저 별 차이가 있다.

그렇다. IE에선 되고, 크롬에선 안된다. 최악이다.
쓰지 말자. 괜히 포스팅했다.
웹표준이 괜히 웹표준이냐

덧글

  • 너구리 2013/11/19 10:00 # 삭제 답글

    shadow가 크로스브라우징이 되려면 이 css를 써야해요.
    -0-text-shadow:5px 5px 3px #000;
    -moz-text-shadow:5px 5px 3px #000;
    -webkit-text-shadow:5px 5px 5px #000;
    (모질라 엔진과 웹킷 엔진 기반의 브라우저를 위해 -mox-와 -webkit-을 써야 크롬과 파폭에서 잘보입니다)

    포스팅된건 dropshadow의 필터같은데 이 필터는 마이크로소프트사에서 IE5.0 이후부터 제공한 것입니다.. 그래서 다른 브라우저에서는 안먹힐 뿐더러 효과도없는것아닐까요!?
  • Fredric Cliver 2013/11/21 17:38 #

    아이고, 방문해주셔서 감사합니다. 너무 오래된지라, 이 포스팅 기억도 안나네요 ㅎㅎ
    리뷰로 해당 내용 달아주셔서 감사합니다. 다음 번 방문해주시는 모든 분들에게 도움이 되겠네요 ^^
댓글 입력 영역


공지

어서오십시오.
트위터 : @FCliver
기저심리학 : 네이버카페
카카오톡 : FCliver
페이스북 : Fredric Cliver

통계 위젯 (화이트)

012
111
285966

접속자 위치