Der Alpha-Kanalfilter ändert die Deckkraft eines Objekts, sodass es mit dem Hintergrund verschmilzt.
Folgende Parameter sind in diesem Filter verfügbar:
| Parameter | Beschreibung |
|---|---|
| Deckkraft | Deckkraftstufe. 0 ist vollständig transparent, 100 ist vollständig undurchsichtig. |
| finishopacity | Der Deckkraftgrad der anderen Seite des Objekts. |
| Stil | Form-Deckkraft-Verlauf. 0 = Gleichmäßig 1 = Linear 2 = Radial 3 = Rechteckig |
| startX | Die X-Koordinate, an der der Deckkraftgradient beginnt. |
| startY | Die Y-Koordinate, an der der Deckkraftverlauf beginnt. |
| Die X-Koordinate des Endes des Deckkraftverlaufs. | |
| Fertig | Die Y-Koordinate des Endes des Deckkraftverlaufs. |
Sie können versuchen, den folgenden Code auszuführen, um den Alpha-Filter zu implementieren –
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>Das obige ist der detaillierte Inhalt vonCSS-Alphakanalfilter. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Mittel entfernen
So stellen Sie den Computer so ein, dass er automatisch eine WLAN-Verbindung herstellt
So verwenden Sie HTML für die Webnavigation
Welche Methoden gibt es, um eine Operatorüberladung in der Go-Sprache zu implementieren?
Detaillierte Erläuterung der Nginx-Konfiguration
Einführung in den Javascript-Spezialeffektcode
Empfohlene Reihenfolge zum Erlernen von C++ und der C-Sprache
So kaufen Sie Bitcoin
