#The Shadow filter creates a falloff shadow in a specified direction and color.
The following parameters can be used in this filter−
| Serial number | Parameters and description |
|---|---|
| 1 | ##ColorYou want shadow color. |
| DirectionBlurred direction, clockwise Direction, in 45 degree increments. The default value is 270 (left). 0 = Top45 = Top right90 = Right135 = Bottom right180 = Bottom 225 = Bottom left270 = Left side315 = Top left |
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>The above is the detailed content of Create falloff shadows using CSS. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
