HTML, marquee tag
marquee tag
テキストのラベルを左右に移動!
width:スクロール領域の横幅を設定!
height:スクロール領域の垂直高さを設定します!
スクロール遅延:スクロール速度を設定します.
bgcolor:スクロール領域の背景色を設定!
しかしmarquee tagは以前の文章を読んだという.
だから.
<div class="marquee">
<div>
<span>
•FREE SHIPPING ON ORDERS OVER 34€ • 10% DISCOUNT IF YOU SUBSCRIBE
TO THE NEWSLETTER
</span>
<span>
•FREE SHIPPING ON ORDERS OVER 34€ • 10% DISCOUNT IF YOU SUBSCRIBE
TO THE NEWSLETTER
</span>
</div>
</div>
.marquee {
height: 25px;
width: 220px;
margin: 0 40px;
overflow: hidden;
position: absolute;
right: 1%;
top: 100%;
}
.marquee div {
display: block;
width: 200%;
height: 30px;
position: absolute;
overflow: hidden;
animation: marquee 2s linear infinite;
}
.marquee span {
float: left;
width: 50%;
background: $default-yellow;
}
@keyframes marquee {
0% {
left: 0;
}
100% {
left: -100%;
}
}
@keyframesを使用してテキストを左右に移動する効果.Reference
この問題について(HTML, marquee tag), 我々は、より多くの情報をここで見つけました https://velog.io/@msjulyone/HTML-marquee-tagテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol