웹마스터 팁

필터 효과들

2005.07.08 11:13

keymove

filter.JPG
http://www.ssi-developer.net/css/visual-filters.shtmlAlpha Filter
style="FILTER: Alpha(Opacity=90, FinishOpacity=10, Style=2); font-size:20pt;height:10"
Blur Filter
style="filter: blur(add=false, direction=135, strength=6); font-size:20pt;width:200px;"
Glow Filter
style="FILTER: Glow(Color=#ff0000, Strength=8); width:200px;font-size:20pt;"
DropShadow Filter
style="FILTER: DropShadow(Color=#0066cc, OffX=5, OffY=-3, Positive=1);width:300px;font-size:20pt;"
Shadow Filter
style="FILTER: Shadow(Color=#00cc66, Direction=45);width:200px;font-size:20pt;"
Wave Effect
style="FILTER: Wave(Add=1, Freq=2, LightStrength=30, Phase=20, Strength=7); width:200px;font-size:20pt;"
FlipV Filter
style="FILTER: FlipV; width:200px;font-size:20pt;"
FlipH Filter
style="FILTER: FlipH; width:200px;font-size:20pt;"


여기선 직접 적용이 안되는듯해서 적용상태를 캡쳐해 올립니다.
넓이나 높이는 반드시 지정이 되있어야 하더군요.
나머지 색상이나 숫자등등은 각자 테스트해보면서 조절해보세요.;

css에다가 ""안의 부분을 따로 적용시켜도 되더군요.