背景画像で動作するブレンドモードを持っていますが、より透明な画像が欲しいです。画像に不透明度を与える方法はありますか(別の「ブレンド」を引き起こすBG画像自体を明るくする以外に)?
ここにコードを追加しました。
body{
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
background-blend-mode: overlay;
background-image: url(http://mortenhjort.dk/bglow.jpg), linear-gradient(to left top, rgba(55, 236, 186, .5) 0%, rgba(114, 175, 211, .5) 100%);
background-size: cover;
background-position: center center;
height: 100vh;
width: 100vw;
}