• 島原夏音

    メンバー
    2022年8月29日 19:55

    widget内の一部に動きをつけたい場合

    HTMLで該当の箇所にクラス名をつけてCSSに以下を追加すると指定した箇所が大小に動きます。

    ◯◯◯◯ {
    animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
    }<div>

    @keyframes anime1 {
    from {
    transform: scale(0.9, 0.9);
    }
    to {
    transform: scale(1, 1);
    }
    }

    ※◯◯◯◯の部分に、動きをつけたいclass名やid名を入れてください。

    目立たせることができますよ〜💫

    </div>