脉冲光环
用外扩阴影制造一圈光环脉冲。
效果预览
参数调节
完整代码
/* 脉冲光环 */
@keyframes pulseRing {
0% { box-shadow: 0 0 0 0 rgba(37,99,235,.45); }
70% { box-shadow: 0 0 0 16px rgba(37,99,235,0); }
100% { box-shadow: 0 0 0 0 rgba(37,99,235,0); }
}
.pulse-ring { animation: pulseRing 1.6s ease-out infinite; }