새 파일 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
|
4609138/4609138.jpg" alt="Wave Border" />
< /body>
