CSS를 사용한 섀도우 필터

그림자 필터는 지정된 방향과 색상으로 감쇠된 그림자를 만드는 데 사용됩니다.

이 필터에 사용할 수 있는 매개변수는 다음과 같습니다.

매개변수	설명
색상	그림자를 원하는 색상.
방향	흐림 효과의 방향(시계 방향, 45도 단위로 반올림됨). 기본값은 270(왼쪽)입니다. 0 =상단 45 =오른쪽 상단 90 =오른쪽 135 =오른쪽 하단 180 =바닥 225 =왼쪽 하단 270 =왼쪽 315 =왼쪽 상단

예시

다음 코드를 실행하여 섀도우 필터를 구현할 수 있습니다 -

<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>