CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用して減衰シャドウを作成します

シャドウフィルターは、指定された方向と色で減衰したシャドウを作成するために使用されます。

このフィルターでは次のパラメーターを使用できます-

方向
ぼかしの方向は、時計回りに進み、45度単位で丸められます。デフォルト値は270（左）です。
0=上
45=右上
90=右
135=右下
180=下
225=左下
270=左
315=左上
S.No
パラメータと説明
1
色
影にしたい色。
2
例

次のコードを実行して、シャドウフィルターを実装してみてください-

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

  1. CSSでクーポンを作成するにはどうすればよいですか？

    CSSでクーポンを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-seri

  2. CSSで矢印を作成するにはどうすればよいですか？

    CSSで矢印を作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;