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

CSSを使用してオブジェクトの色を256色のグレーに変換します

グレースケール効果を使用して、オブジェクトの色を256色のグレーに変換します。このフィルターでは、次のパラメーターが使用されます。

パラメータ
説明
グレー
オブジェクトの色を256色のグレーに変換します。
例

次のコードを実行して、グレースケール効果を設定できます。

<html>
   <head>
   </head>
   <body>
      <img src="/css/images/logo.png" alt="CSS Logo" style="Filter: Gray">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Gray">CSS Tutorials</div>
   </body>
</html>

  1. CSSで赤-緑-青モデル（RGB）を使用して色を定義します

    CSS rgb（）関数を使用して、RGBモデルを使用して色を定義します。次のコードを実行して、Reg-Green-Blue（RGB）モデルで色を設定してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          h1 {             background-color:hsl(0,100%,50%); &nbs

  2. アニメーションでCSSフィルタープロパティを変更する

    フィルターにアニメーションを実装するには CSSを使用したプロパティでは、次のコードを実行してみることができます 例 <!DOCTYPE html> <html>    <head>       <style>          div {             width: 600px;             height: