简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
グラデーション効果が画像の端でフェードアウトしないのはなぜですか?
P粉317679342
P粉317679342 2023-09-09 23:34:16
0
1
526

画像の端をぼかすか、少なくともぼやけてフェードアウトしたいと考えています。何を試してもうまくいかなかったので、Stackoverflow ですべての質問を調べました。 SassではなくCSSを使用しています。問題を複雑にするために、ページに背景画像を配置し、それを不透明度 0.8 の白いマスクで覆います。誰か助けてくれませんか？

これは私のコードペンです。

リーリー リーリー

P粉317679342
P粉317679342

全員に返信(1)
P粉277305212
P粉2773052122023-09-10 20:30:37 1棟

結局、コンセプトを少し変更する必要がありました。ページ全体から背景画像とマスクを削除し、ページの背景をマスクなしの白に設定しました。次に、画像または背景画像のCSSを使用してエッジをぼかすためのソリューションを使用しました

したがって、私のコードは次のようになります:

html：

リーリー

CSS：

リーリー
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！