33:T4e3,

a long stretch of steady text stop then another wide passage brief

34:T4e8,.fx-mq-lull-mixedrhythm { width: 300px; padding: 14px 0; border-radius: 8px; background: #16130f; box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.24); overflow: hidden; } .fx-mq-lull-mixedrhythm-track { display: flex; align-items: center; width: max-content; animation: fx-mq-lull-mixedrhythm-pace 18s linear infinite; } .fx-mq-lull-mixedrhythm-group { display: flex; align-items: center; gap: 12px; padding-right: 12px; } .fx-mq-lull-mixedrhythm-phrase { white-space: nowrap; font: 500 12.5px/1 system-ui, sans-serif; letter-spacing: 0.03em; color: #f0e2c4; } .fx-mq-lull-mixedrhythm-phrase:nth-child(4n + 3) { font: 800 10px/1 system-ui, sans-serif; letter-spacing: 0.24em; text-transform: uppercase; color: #fbbf24; } .fx-mq-lull-mixedrhythm-beat { display: block; width: 7px; height: 3px; border-radius: 2px; background: #a16207; animation: fx-mq-lull-mixedrhythm-tap 1.8s ease-in-out infinite; } .fx-mq-lull-mixedrhythm-beat:nth-child(4n) { width: 26px; animation-delay: -0.9s; } @keyframes fx-mq-lull-mixedrhythm-pace { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes fx-mq-lull-mixedrhythm-tap { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } }

Lull Mixed Rhythm

Popüler etiketler