用html，css，js写一个从右往左滚动的demo

好的，下面是这个从右往左滚动的demo的代码实现：

HTML代码：

<div id="scroll">
    This is a scrolling text.
</div>

CSS代码：

#scroll {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    animation: scroll 10s linear infinite;
}

#scroll:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: linear-gradient(to left, transparent 0%, white 100%);
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

JS代码：

// 不需要JS代码实现。

这段代码实现了一个从右往左滚动的文字效果。文字的容器和文字本身的宽度都是自适应的，可以根据需要进行更改。需要注意的是，这个demo中的文字是通过CSS3的动画来实现的，所以需要现代浏览器的支持。