The HTML <marquee> tag has been deprecated in modern HTML5 standards. Creating smooth, responsive scrolling text banners or stock tickers is now implemented using hardware-accelerated CSS @keyframes animations.

Modern CSS Ticker Marquee Implementation

styles.csscss
/* Container with hidden overflow */
.ticker-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #1e1e1e;
    color: #ffffff;
    padding: 10px 0;
}
 
/* Animated inline element */
.ticker-text {
    display: inline-block;
    padding-left: 100%;
    animation: marquee-scroll 15s linear infinite;
}
 
/* Hardware-accelerated keyframe animation */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}