알파 채널 필터는 개체의 불투명도를 변경하여 배경과 혼합되도록 합니다.
이 필터에서 다음 매개변수를 사용할 수 있습니다. −
| 매개변수 | 설명 |
|---|---|
| 불투명도 | 불투명도 수준. 0은 완전히 투명하고 100은 완전히 불투명합니다. |
| 마감성 | 객체의 다른 쪽 끝에 있는 불투명도 수준입니다. |
| 스타일 | 불투명도 그라디언트의 모양입니다. 0 =균일 1 =선형 2 =방사형 3 =직사각형 |
| startX | 불투명도 그라디언트를 시작할 X 좌표. |
| startY | 불투명도 그라디언트를 시작할 Y 좌표입니다. |
| 마침 | 불투명도 그라디언트가 끝날 X 좌표. |
| 마침 | 불투명도 그라디언트가 끝날 때의 Y 좌표입니다. |
예시
알파 필터를 구현하기 위해 다음 코드를 실행할 수 있습니다 -
<html> <head> </head> <body> <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)" /> <p>Text Example:</p> <div style="width: 357; height: 50; font-size: 30pt; font-family: Arial Black; color: blue; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)"> CSS Tutorials </div> </body> </html>