linear-gradientで背景画像をモノクロ調からセピア調にグラデーションする方法

Question

cssでlinear-gradientの指定で背景画像をモノクロからセピア調にする方法を教えてください。

試した事

#a01 {
  background-size: cover;               /* 全画面 */
  background-attachment: fixed;         /* 固定 */
  background-position: center 3rem;   /* 縦横中央 */
  background-image:
        linear-gradient(109.6deg, grayscale(100%) 50%, sepia(1) 100%),
        url('/images/bg.jpg'); */
}

上記で試しましたが画像の表示もされない状態です。

Answer 1

できません。linear-gradient() 内で grayscale() sepia() などのフィルタを指定することはできません。

フィルタのグラデーションを実現する方法はCSSにはなかったと思います。