Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ตัวกรองเงาด้วย CSS


ใช้ฟิลเตอร์เงาเพื่อสร้างเงาในทิศทางและสีที่ระบุ

พารามิเตอร์ต่อไปนี้สามารถใช้ได้ในตัวกรองนี้

พารามิเตอร์
คำอธิบาย
Color
สีที่คุณต้องการให้เป็นเงา
Direction
ทิศทางของการเบลอตามเข็มนาฬิกา ปัดเศษขึ้นทีละ 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>