Heim >Web-Frontend >CSS-Tutorial >CSS-Alphakanalfilter
CSS-Alphakanalfilter
- WBOYnach vorne
- 2023-08-31 08:29:021062Durchsuche
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. |
Beispiel
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!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Medienabfragen zum Festlegen unterschiedlicher CSS-Stilregeln für Geräte unterschiedlicher GrößeNächster Artikel：Medienabfragen zum Festlegen unterschiedlicher CSS-Stilregeln für Geräte unterschiedlicher Größe