정적 이미지에 대한 11가지 필터 효과 - Ie7 및 비 IE 브라우저를 지원하지 않습니다. _이미지 특수 효과
새 파일 TestImage.html을 생성하세요
참고: 정적 이미지에 대한 11가지 필터 효과 - Ie7 및 비 IE 브라우저를 지원하지 않습니다. Yaoyue, 네트 기술 및 소프트웨어 아키텍처와의 커뮤니케이션에 오신 것을 환영합니다
내용은 다음과 같습니다(직접 수정 가능):
코드 복사 코드는 다음과 같습니다.
<머리>
<스타일>...
.Filter1
{...}{
filter:Alpha(opacity=50,finishOpacity=80,style=0);
}
.Filter2
{...}{
filter:FlipH;
}
.Filter3
{...}{
filter:FlipV;
}
.Filter4
{...}{
필터:회색;
}
.Filter5
{...}{
filter:Xray;
}
.Filter6
{...}{
필터:반전;
}
.Filter7
{...}{
filter:Glow(color=#4A7AC9,strength=50);
}
.Filter8
{...}{
filter:Shadow(color=#000000,direction=135);
}
.Filter9
{...}{
filter:Dropshadow(color=#000000,offX=50,offY=50);
}
.Filter10
{...}{
filter:Blur(direction=135);
}
.Filter11
{...}{
filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);
}
<본문>
半透명
불투명도: 开始处의 투명도.
finishOpacity:结束处의 투명도.
style:0为平均透明 1为线状透明 2为圆形透明 3为菱形透明
左右翻转
上下翻转
灰度
X光
色彩对换
发光边框
color为发光颜色代码,strength是发光强度,滤镜宽=图宽+发光强度x2,滤镜高=图高+发光强度x2+10
投影边框
color为发光颜色代码,direction表示方向(只能是45度的倍数如:45,90,135,180,225,270,315度),滤镜宽=图宽+25,濾鏡高=图高+40
阴影边框
color为发光颜色代码,offX表示水平位移offY表示垂直位移(可正可负),滤镜宽=图宽+水平位移绝对值+10,滤镜高=图高+垂直位移绝对值+2)
< ;br />
< tr>
높을수록 어두워짐), 위상은 시작 위상(0~100)을 나타내며, 필터 폭 = 이미지 폭 진폭 강도 x2
필터 높이 = 이미지 고진폭 강도 x2 10
< /body>