画像の端をぼかすか、少なくともぼやけてフェードアウトしたいと考えています。何を試してもうまくいかなかったので、Stackoverflow ですべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？
これは私のコードペンです。
リーリー リーリー
P粉2773052122023-09-10 20:30:37
結局、コンセプトを少し変更する必要がありました。ページ全体から背景画像とマスクを削除し、ページの背景をマスクなしの白に設定しました。次に、画像または背景画像のCSSを使用してエッジをぼかすためのソリューションを使用しました
したがって、私のコードは次のようになります:
html：
リーリーCSS：
リーリー