css 필터 효과(1)

5294 단어 css 필터 효과(1)
1.알파 필터  
   문법:{FILTER:ALPHA(불투명 도=불투명 도,finishhopacity=finishhopacity,style=style,startx=startx,starty=starty,finishx=finishx,finishy=finishy)}}
    "알파"속성 은 대상 요소 와 배경 을 혼합 하 는 것 입 니 다.설계 자 는 혼합 정 도 를 제어 하기 위해 수 치 를 지정 할 수 있다.이런'배경 과 혼합'은 통속 적 으로 말 하면 원소 의 투명도 이다.지정 한 좌 표를 통 해 정점,선,면 의 투명 도 를 가리 킬 수 있다.그들의 매개 변 수 는 다음 과 같다.     “투명도 수준기본 범 위 는 0 에서 100 까지 이 며,그들 은 사실 백분율 의 형식 이다."0 은 완전히 투명 하 다 는 뜻 이 고 100 은 완전히 불투명 하 다 는 뜻 이다."finishhopacity 는 선택 할 수 있 는 매개 변수 입 니 다.그 라 데 이 션 의 투명 효 과 를 설정 하려 면 끝 날 때의 투명 도 를 지정 할 수 있 습 니 다.범위 도 0 에서 100 이다.'style"매개 변 수 는 투명 구역 의 모양 특징 을 지정 합 니 다.이 중 0 은 통일 형상,1 은 선형,2 는 방사상,3 은 장방형 을 대표 한다.STARTX"와"STARTY"는 그 라 데 이 션 투명 효 과 를 나타 내 는 시작 X 와 Y 좌표 입 니 다."FINISHX"와"FINISHY"는 그 라 데 이 션 투명 효과 가 X 와 Y 의 좌 표를 끝 냅 니 다.
효 과 는 다음 과 같 습 니 다:
正常图片
filter:alpha(opacity=50)
filter:alpha(opacity=0,finishopacity=100,style=1,startx=0,starty=5,finishx=250,finishy=285
filter:alpha(opacity=0,finishopacity=80,style=1,startx=0,starty=5,finishx=250,finishy=285
 
2.Blur 필터
문법:HTML:{ilter:blur(add=add,direction=direction,strength=strength)}      "Script 언어:[obulfilter=]object.filter.blur 는 아직 마 르 지 않 은 유화 에 손가락 으로 빠르게 그 으 면 화면 이 흐릿 해진 다."블 러'는 똑 같은 퍼 지 효 과 를 내 는 것 이다.'ADD'인 자 는 불 이'TRUE(기본 값)'또는'FALSE'를 판단 하 는 것 입 니 다.그림 이 인상파 의 모호 한 효과 로 바 뀌 었 는 지 지정 합 니 다.퍼 지 효 과 는 시계 방향 으로 진행 되 며,'DIRECTION'인 자 는 퍼 지 는 방향 을 설정 하 는 데 사 용 됩 니 다.그 중에서 0 도 는 수직 으로 위로 올 라 간 다음 에 45 도 마다 한 단위 이다.그것 의 기본 값 은 왼쪽으로 270 도이 다."STRENGTH"값 은 정수 로 만 지정 할 수 있 으 며,얼마나 많은 픽 셀 의 너비 가 모호 한 영향 을 받 는 지 를 나타 낸다.기본 값 은 5 개.웹 페이지 의 글꼴 에 대해 그의 모호 한'ADD=1'을 설정 하면 이 글꼴 들 의 효 과 는 매우 보기 좋 을 것 이다.다음:filter:blur(add=ture,direction=135,strength=10)
내 가 너 에 게 날 아 갈 게,비 는 부 드 럽 게 달 아 줄 게!
正常图片
filter:blur(strength=10)
filter:blur(strength=40)
filter:blur(strength=70)
3.FlipH,FlipV 필터
   문법:{filter:filph},{filter:filpv}은 각각 수평 반전 과 수직 반전 입 니 다.구체 적 으로 다음 과 같 습 니 다.
正常图片
水平反转 style="filter:fliph;"
垂直反转 style="filter:flipv;"
先水平反转,然后垂直反转  style="filter:flip() flipv()"
4,Chroma 필터
문법:{filter:chroma(color=color)}       "Chroma"속성 을 사용 하면 대상 에서 지정 한 색상 을 투명 색 으로 설정 할 수 있 습 니 다.매개 변 수 는 COLOR 즉 투명 한 색 입 니 다.다음은 난색 문자 이 고 크 로마 필터 로 난색 을 걸 러 내 면 아래 모양 이 된다.filter:chroma(color=blue)
낙수처
 
5.DropShadow 필터
문법:{filter:dropshadow(color=color,offx=ofx,off=ofpy,positive=positive)}
'드 롭 쇼'는 말 그대로 대상 의 음영 효 과 를 추가 하 는 것 이다.그 작업 원 리 는 편 이 량 을 만 들 고 깊이 를 더 하 는 것 입 니 다."컬러 는"음영 을 투사 하 는 색 을 나타 내 는데,"offx"와"offy"는 각각 X 방향 과 Y 방향 음영 의 배 고 픈 편 이 량 이다."Positive"매개 변 수 는 불 값 입 니 다."TRUE(비 0)"라면 모든 불투명 픽 셀 에 보 이 는 투영 을 만 듭 니 다.'FASLE(0)'이면 투명 한 픽 셀 부분 에 투명 효 과 를 만 듭 니 다.
正常图片
dropshadow(color=gray,offx=5,offy=5.positive=0) 效果
    일반 문자
  dropshadow(color=gray,offx=5,ofpy=5.positive=0)뒤의 텍스트
6.글로 우 필터
문법:{filter:glow(color=color,strength)}한 대상 에 게"glow"속성 을 사용 하면 이 대상 의 가장자리 에 비슷 한 발광 효과 가 발생 합 니 다."COLOR'은 빛 을 지정 하 는 색상 이 고,'STRENGTH'는 강도 의 표현 으로 1 에서 255 사이 의 어떤 정수 로 도 이 강 도 를 지정 할 수 있다.filter:glow(color=red,strength=10)후의 효과
차방
filter:glow(color=\#ffff 00,strength=5)후의 효과
차방
포 토 샵 을 한쪽 으로 차 도 될 것 같 아 요.그래 요?

좋은 웹페이지 즐겨찾기