周围光圈持续呼吸扩散,适合引导用户点击的重要按钮
← 返回 按钮 类特效列表上方为纯 CSS 实时演示,直接将鼠标移上去 / 点击感受效果
.fx .pulse{display:block;width:170px;margin:52px auto;padding:13px 0;text-align:center;border:none;border-radius:10px;background:#e5534b;color:#fff;font-size:15px;cursor:pointer;animation:kfx-pulse 1.6s ease-in-out infinite}
@keyframes kfx-pulse{0%,100%{box-shadow:0 0 0 0 rgba(229,83,75,.55)}50%{box-shadow:0 0 0 14px rgba(229,83,75,0)}}<div class="fx">
<button class="pulse">呼吸引导</button>
</div>