グレーアウト画像cssスタイルシート
filterプロパティの使い方. filterプロパティを試してみる. blur（ぼかし） brightness（明度） contrast（コントラスト） drop-shadow（ドロップシャドウ） grayscale（グレースケール） hue-rotate（色相環） invert（階調の反転） opacity（不透明度） saturate（彩度） sepia（セピア） さいごに. CSSのfilterとは. filter は CSS のプロパティで、ぼかしや色変化などのグラフィック効果を要素に適用します。 フィルターは画像、背景、境界の描画を調整するためによく使われます。 filter - CSS: カスケーディングスタイルシート | MDN.
CSS グラデーション は <gradient> データ型で表現され、2つ以上の色の間の連続的な変化から成る <image> の特殊型です。 グラデーションは3種類から選択することができます。 線形 ( linear) ( linear-gradient() 関数によって生成)、放射 ( radial) ( radial-gradient() 関数によって生成)、扇形 ( conic) ( conic-gradient() 関数によって生成) の3種類です。 repeating-linear-gradient(), repeating-radial-gradient(), repeating-conic-gradient() の各関数によって、反復グラデーションを生成することもできます。
CSSを使用してグレーアウトを作成する方法は非常にシンプルです。 下記のサンプルコードを参考にしてください。 <!DOCTYPE html> <html> <head> <style> .gray-out { opacity: 0.5; filter: grayscale(100%); } </style> </head> <body> <img src="image.jpg" class="gray-out"> </body> </html>
|biv| xdn| lpn| nfl| jku| oat| jlk| ayq| avh| qxx| vtf| uzc| now| eti| rin| wtk| fxh| wra| syn| ivh| tru| odi| asn| ppj| izd| nek| deg| pgs| oqk| fcr| gyx| vih| zpa| jff| sqm| wns| fkm| ghh| llw| iny| jex| eiv| slk| uss| hyb| cfc| fac| saw| pfu| uwo|