Der Schattenfilter wird verwendet, um einen abfallenden Schatten in einer bestimmten Richtung und Farbe zu erzeugen.
Die folgenden Parameter können in diesem Filter verwendet werden:
| Seriennummer | Parameter und Beschreibung |
|---|---|
| 1 |
Farbe Die gewünschte Farbtonfarbe. |
| 2 |
Richtung Die Richtung der Unschärfe, im Uhrzeigersinn, in 45-Grad-Schritten. Der Standardwert ist 270 (links). 0 = Oben 45 = Oben rechts 90 = Rechts 135 = Unten rechts 180 = Unten 225 = Unten links 270 = Links 315 = Oben links
|
Sie können versuchen, den folgenden Code auszuführen, um den Schattenfilter zu implementieren –
Demo
<html>
<head>
</head>
<body>
<img src="/css/images/logo.png" alt="CSS Logo"style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">
<p>Text Example:</p>
<div style="width: 357;
height: 50;
font-size: 30pt;
font-family:
Arial Black;
color: red;
Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
</body>
</html>Das obige ist der detaillierte Inhalt vonErstellen Sie Falloff-Schatten mit CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
