シェイクアニメーション


私は常にLinux上のログイン画面に揺れる効果が好きだった
またはMacシステム、はい、しかしどのようにCSSを介して同様の効果を作るには?
コードのいくつかの行で!
.card {
    ...
    animation: shake 1s ease-in-out forwards;
}
@keyframes shake {
    0%,100% {
        transform: translate(0, 0);
    }
    10%,30%,50%,70%,90% {
        transform: translate(30px);
    }
    20%,40%,60%,80% {
        transform: translate(-30px);
    }
}
このビデオガイドでは、超超簡単な揺れ効果を作成する方法を見ることができます
CSS経由で.
Video Guide
🆗 👋