2つの背景イメージを繰り返し、繰り返さない1つのイメージをブレンドする方法は？

Question

2つの背景画像を乗算ブレンドモードでブレンドする必要がありますが、最初の画像は繰り返してはならず、2番目の画像はパターンであるため繰り返してください。

SASS（CSS）を使ってどうすればいいですか？

Answer 1

background: url('img1.jpg'),url('img2.jpg'); 
background-repeat: no-repeat, repeat; 
background-blend-mode: multiply; 

これは、ほとんどの背景画像に関連する特性がbackground-sizeとbackground-positionなど、どのように働くかです。複数の画像が指定されている場合（コンマ区切りのURLリスト）、各画像のプロパティを一覧表示できます。注文は一致します。つまり、この例ではimg1.jpgは繰り返されず、img2.jpgとなります。