脈衝光環
用外擴陰影製造一圈光環脈衝。
效果預覽
參數調節
完整代碼
/* 脈衝光環 */
@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; }