替代选框标签

Question

根据Spark docs选框已过时。

滚动文本的下一个提议解决方案是什么。 CSS动画是一种可能的解决方案。但是如何让它从上到下或从下到上工作。

link

   .marquee {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 50s linear infinite;
}

Answer 1

使用关键帧的垂直选框：

.marquee {
    position: relative;
    animation: marquee 2s linear infinite;
}
@keyframes marquee {
    0% {
        top: 10em
    }
    100% {
        top: -2em
    }
}

<p class="marquee">Marquee</p>