アニメーションはstyle.cssでは動作しますが、他のスタイルシートでは動作しません。なぜでしょうか? - TechRepublic

アニメーションはstyle.cssでは動作しますが、他のスタイルシートでは動作しません。なぜでしょうか? - TechRepublic
  • アニメーションは style.css では機能しますが、他のスタイルシートでは機能しません。なぜでしょうか?

    こんにちは。私のアニメーションは style.css では動作しますが、css というフォルダ内の別のスタイルシートと、そのフォルダ内の slider.css というファイルに
    配置すると動作しません。それをキューに入れて CSS を配置しましたが、何を間違えたのかわかりません。
    他のものと一緒に functions php にキューに入れました。
    こちらです:
    https://www.wpbeginner.com/
    説明: Twenty Thirteen の子テーマ
    作成者: WPBeginner
    作成者 URI: https://www.wpbeginner.com
    テンプレート:twentythirteen
    バージョン: 1.0.0
    */


    @import url(“../twentythirteen/css/slider.css”);

    .ball {
    アニメーション: .5 秒移動、無限、交互、線形;
    }

    .ball.bounce {
    animation: .5s bounce infinite cubic-bezier(.1,.25,.1,1) alternate;
    }

    /* キーフレームを定義する */

    @keyframes を移動 {
    0% {
    transform: translateY(200%);
    }
    100% {
    transform: translateY(0);
    }
    }

    本文 {
    テキスト配置: center;
    背景: #fafafa;
    パディング: 50px;
    テキスト配置: center;
    }

    .ball {
    幅: 10%;
    パディング下部: 10%;
    ボーダー半径: 50%;
    背景: #2098d1;
    ボックスシャドウ: 0px 5px 0px rgba(0,0,0,0.2);
    左マージン: 10%;
    表示: インラインブロック;
    }

    誰かこれを解決するのを手伝ってくれる人がいたらお願いします

Tagged: