32:I[8054,["/_next/static/chunks/051zm_9rairux.js","/_next/static/chunks/3p2lmahwiujn-.js","/_next/static/chunks/40jn6gpsz6wtv.js","/_next/static/chunks/0t7homaa3spvs.js"],"EffectCard"] 33:T495,

motion is a kind of grammar— studio note” a rail should never blink— type desk”

34:T4e9,.fx-mq-drift-quotepair { width: 300px; padding: 14px 0; border-top: 1px solid #2b323d; border-bottom: 1px solid #2b323d; overflow: hidden; } .fx-mq-drift-quotepair-track { display: flex; width: max-content; animation: fx-mq-drift-quotepair-flow 20s linear infinite; } .fx-mq-drift-quotepair-group { display: flex; gap: 26px; padding-right: 26px; } .fx-mq-drift-quotepair-pair { position: relative; display: inline-flex; flex-direction: column; gap: 5px; padding-left: 12px; border-left: 2px solid #7dd3fc; white-space: nowrap; } .fx-mq-drift-quotepair-line { font: italic 400 14px/1.2 Georgia, serif; color: #eaf1f8; } .fx-mq-drift-quotepair-who { font: 600 9px/1 system-ui, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; color: #7f8ea4; } .fx-mq-drift-quotepair-mark { position: absolute; right: -14px; top: -6px; font: 700 26px/1 Georgia, serif; color: rgba(125, 211, 252, 0.4); animation: fx-mq-drift-quotepair-tilt 3.6s ease-in-out infinite; } @keyframes fx-mq-drift-quotepair-flow { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes fx-mq-drift-quotepair-tilt { 0%, 100% { transform: rotate(-9deg); } 50% { transform: rotate(9deg); } }

Drift Quote Pair

Popüler etiketler