F12 を使用せずに CSS 背景画像のスライド効果を実現するにはどうすればよいですか?

Question

現在 CSS と HTML を使用して Web サイトを作成しようとしていますが、背景画像をスライドさせたり移動したりすることができないようです。 Visual Studio Code を使用しており、Google でコードを実行しましたが動きませんが、F12 キーを押してデバッグすると動きますか? ！ これは私のコードです:

body {
    背景色: 黒;
    マージン: 0;
    パディング: 0;
    背景画像: url("正しい URL を持っていますが、共有したくありません");
    背景サイズ: カバー;
    背景リピート: リピートなし;
    背景添付: 修正されました。
    アニメーション: スライド 1 秒のリニア無限代替。
    }

    @keyframes スライド {
        0% {
            背景位置: -175% 0%;
        }
        100% {
            背景位置: 300% 0%;
        }
    }

    。容器 {
        最大幅: 800ピクセル;
        マージン: 0 自動;
        パディング: 0px;
    }

チャット GPT に助けを求めてみましたが、さらに混乱してしまいました

Answer 1

問題がどこにあるのかはわかったと思います。背景位置プロパティが固定に設定されているため、アニメーションは機能しません。これは、アニメーションに関係なく、背景画像が移動しないことを意味します。この問題を解決するには、background-position プロパティをスクロールするように変更する必要があります。

リーリー