daniel-c-harvey
25 lines
759 B
CSS
25 lines
759 B
CSS
@keyframes pulse-ring {
|
|
0%, 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1); }
|
|
50% { opacity: 0.4; transform: translate(-50%, -50%) scale(1.03); }
|
|
}
|
|
|
|
.now-playing-content {
|
|
position: relative;
|
|
z-index: 2;
|
|
padding: 3rem;
|
|
}
|
|
|
|
.circle-deco {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
border-radius: 50%;
|
|
border: 1px solid rgba(61, 122, 104, 0.3);
|
|
animation: pulse-ring 4s ease-in-out infinite;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.circle-deco:nth-child(1) { width: 320px; height: 320px; animation-delay: 0s; }
|
|
.circle-deco:nth-child(2) { width: 520px; height: 520px; animation-delay: 0.8s; }
|
|
.circle-deco:nth-child(3) { width: 720px; height: 720px; animation-delay: 1.6s; } |