/ /マーキーなしでユーザーのフィードバックを表示する/ javascript / jquery - html5、css3、marquee

marquee / javascript / jquery - html5、css3、marqueeなしでユーザーのフィードバックを表示

私はウェブサイトにフィードバック(4行で最大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>

今日私はマーキーを読むタグは廃止予定のタグであり、jQueryを使用して同様の効果を達成するための多くのオプションがあります。

もう1つ制約があります。ページ上でjQuery / javascriptを使用しないことです。 上記の点を念頭に置いて、ユーザーからのフィードバックを表示することをお勧めします。

回答:

回答№1は4

純粋にCSSを使ってマーキー効果を達成することができます

デモフィドル(横)垂直

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
}
}