contrast() は CSS の 関数で、入力画像のコントラストを調整します。結果は <filter-function> です。
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
構文
contrast(amount)
引数
amount- 結果のコントラストで、
<number>または<percentage>で指定します。100%未満の値ではコントラストが下がり、100%を超える値ではコントラストが上がります。0%の値では画像が完全に灰色になり、100%の値では入力が変更されないままになります。補間時の欠損値は1です。
例
数値とパーセント値を使用した contrast の設定
contrast(0) /* 完全な灰色 */
contrast(65%) /* 65%のコントラスト */
contrast(1) /* 効果なし */
contrast(200%) /* 2倍のコントラスト */