悬停时持续左右抖动，csshake 的招牌效果
← 返回 入场与交互动画 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .shk{width:120px;height:80px;margin:56px auto;border-radius:12px;background:linear-gradient(135deg,#e5534b,#f778ba);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.fx:hover .shk{animation:kfx-shake .8s ease-in-out infinite}
@keyframes kfx-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-7px)}40%,60%{transform:translateX(7px)}}<div class="fx">
<div class="shk">悬停抖动</div>
</div>