简体中文(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
437

画像の端をぼかすか、少なくともぼやけてフェードアウトしたいと考えています。何を試してもうまくいかなかったので、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 学習者の迅速な成長を支援します！