显示没有marquee / javascript / jquery的用户反馈

Question

我想在网站上显示一些反馈（四行最多80个字）; 这里最大我可以使用20％的屏幕高度（100％水平宽度）

目前，我使用下面提到的代码：

<marquee scrollamount="1" behavior="scroll" direction="up" height="20%" onmouseover="this.stop();" onmouseout="this.start();">
    ABCD<br/>
    Sample Text<br/><br/> 
    XYZ<br/>
    New Sample Text<br/>
</marquee>

今天我读了marquee是折旧标签，有许多选项可以使用jQuery实现类似的效果。

我还有一个限制;不要在页面上使用任何jQuery / javascript。 是否有任何好的建议来显示用户反馈，记住上面提到的要点。

Answer 1

您可以使用纯CSS

来实现选框效果

Demo Fiddle (Horizontal)（Vertical）

HTML

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

CSS

.marquee {
    width: 450px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 4s linear infinite;
}
.marquee:hover {
    animation-play-state: paused
}
@keyframes marquee {
    0% {
        text-indent: 27.5em
    }
    100% {
        text-indent: -10em
    }
}