css 필터 속성 문법 소개

css 필터 Style 속성:탭 에 사용 할 수 있 으 며,

등 탭 에 광범 위 하 게 사용 할 수 있 습 니 다.더 중요 한 것 은 탭 에 사용 할 수 있 습 니 다.페이지 전환 효과:페이지 앞부분 과 사이 에'설명'을 추가 합 니 다.duration 은 페이지 전환 의 시간 길이 이 고 3.000 은 3 초 를 표시 합 니 다.보통 3 을 직접 입력 하면 됩 니 다.transition 은 전환 효과 로 1-23 에서 모두 22 가지 서로 다른 전환 효과 가 있 는데 그 중에서 23 은 무 작위 효과 이다.필터 효과:포 토 샵 필터 많이 썼 죠?페이지 에서 도 필터 로 새로운 의 미 를 만들어 보 세 요!문법:STYLE="filter:filter name(fparameter 1,fparameter 2...)}(Filtername 은 필터 의 이름,fparameter 1,fparameter 2 등 은 필터 의 매개 변수)필터 설명:Alpha:투명 한 차원 을 설정 합 니 다.blur:고속 이동 효 과 를 만 듭 니 다.즉,퍼 지 효과 입 니 다.Chroma:전용 색상 투명 만 들 기.DropShadow:대상 의 고정 그림자 만 들 기.FlipH:수평 미 러 그림 만 들 기.FlipV:수직 미 러 그림 만 들 기.glow:빛 을 가 하여 근처 대상 의 가장자리 에 있 습 니 다.gray:그림 을 그 레이스 케 일 화 합 니 다.invert:반 색.light:광원 을 대상 에 만 듭 니 다.mask:투명 마스크 를 대상 에 만 듭 니 다.shadow:오프셋 고정 만 들 기그림자.wave:파문 효과.Xray:대상 을 엑스 레이 에 비 친 것 처럼 만든다.1.필터:alpha 문법:STYLE="filter:Alpha(Opacity=opacity,Finish Opacity=finishhopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishY=finishY)"설명:Opacity:시작 값,추출 값 0-100,0 투명,100 은 원래 그림 입 니 다.FinishOpacity:목표 값 입 니 다.Style:1 또는 2 또는 3 StartX:임 의 값 StartY:임 의 값 예:filter:Alpha(Opacity="0",FinishOpacity="40",Style="2")2.필터:blur 문법:STYLE="filter:Blur(add=add,Direction=direction,Strength=strength)"설명:add:보통 1 또는 0.Direction:각도,0-315 도,보폭 은 45 도 입 니 다.Strength:효과 가 증가 하 는 수 치 는 보통 5 이면 됩 니 다.예:filter:Blur(Add="1",Direction="45",Strength="5")3.필터:chroma 문법:STYLE="filter:Chroma(Color=color)"설명:color:\#rrggbb 형식,임 의.예:filter:Chroma(Color="\#FFFFFF")4.필터:DropShadow 문법:STYLE="filter:DropShadow(Color=color,OffX=offY,OffY=offY)Positive=positive)"설명:Color:\#rrggbb 형식,임의의.Offx:X 축 오프셋 값.Offy:Y 축 오프셋 값.Positive:1 또는 0.예:filter:DropShadow(Color="\#6699 CC",OffX="5",OffY="5",Positive="1")5.필터:FlipH 문법:STYLE="filter:FlipH"예:filter:FlipH 6.필터:FlipV 문법:STYLE="filter:FlipV"예:filter:FlipV 7.필터:Glow 문법:STYLE="filter:Glow(Color=color,Strength=strength)"설명:색상:빛 나 는 색상.강도:강도(0-100)예:filter:Glow(Color="\#6699 CC",Strength="5")8 필터:Gray 문법:STYLE="filter:Gray"예:filter:Gray 9.필터:Invert 문법:STYLE="filter:Invert"예:filter:Invert 10.필터:Mask 문법:STYLE="filter:Mask(Color=color)"예:filter:Mask(Color="\#FFFFE 0")11.필터:Shadow 문법:filter:Shadow(Color=color,Direction=direction)설명:Color:\#rrggbb 형식 입 니 다.Direction:각도,0-315 도,보폭 은 45 도 입 니 다.예:filter:Shadow(Color="\#6699 CC",Direction="135")12.필터:Wave 문법:filter:Wave(add=add,Freq=freq,LightStrength=strength,Phase=phase,Strength=strength)설명:Add:보통 1,또는 0.Freq:변형 값.LightStrength:변형 백분율.Phase:각도 변형 백분율.Strength:변형 강도.예:filter:wave(추가="0",Phase="4",Freq="5",LightStrength="5",Strength="2")13.필터:Xray 문법:STYLE="filter:Xray"예:filter:Xray

css 필터 속성 문법 소개

좋은 웹페이지 즐겨찾기