CSS 알파 채널 필터
- WBOY앞으로
- 2023-08-31 08:29:021041검색
알파 채널 필터는 개체의 불투명도를 변경하여 배경과 혼합됩니다.
이 필터에서는 다음 매개변수를 사용할 수 있습니다.
| 매개변수 | 설명 |
|---|---|
| 불투명도 | 불투명도 수준. 0은 완전히 투명하고, 100은 완전히 불투명합니다. |
| finishopacity | 물체 반대편의 불투명도 수준입니다. |
| Style | 모양 불투명도 그라데이션. 0 = 균일 1 = 선형 2 = 방사형 3 = 직사각형 |
| startX | 불투명도 그라데이션이 시작되는 X 좌표입니다. |
| startY | 불투명도 그라데이션이 시작되는 Y 좌표입니다. |
| 불투명 그라데이션 끝의 X 좌표입니다. | |
| Finished | 불투명 그라데이션 끝의 Y 좌표입니다. |
예제
다음 코드를 실행하여 알파 필터를 구현할 수 있습니다 -
Live Demo
<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>위 내용은 CSS 알파 채널 필터의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제