@zhou96/marquee-text
Version:
A React marquee text component
2 lines (1 loc) • 612 B
CSS
._container_3y29l_1{position:relative;overflow:hidden;white-space:nowrap;width:100%}._textContent_3y29l_8{display:inline-block;white-space:nowrap}._textContent_3y29l_8._animate_3y29l_13{animation:_marquee_3y29l_1 var(--animation-duration, 10s) linear infinite}._textContent_3y29l_8._animateRight_3y29l_17{animation:_marqueeRight_3y29l_1 var(--animation-duration, 10s) linear infinite}@keyframes _marquee_3y29l_1{0%{transform:translate(var(--container-width, 0px))}to{transform:translate(-100%)}}@keyframes _marqueeRight_3y29l_1{0%{transform:translate(-100%)}to{transform:translate(var(--container-width, 0px))}}