html可变长列表,html – 用于可变消息长度的CSS Marquee

你想要这样的东西吗？

.marquee {

margin: 0 auto;

white-space: nowrap;

overflow: hidden;

position: absolute;

color: #ffffff;

background-color: #000000;

font-family: Arial Rounded MT Bold;

height: 90%;

width: 90%;

left: 5%;

top: 5%;

font-size: 7%;

}

.marquee .line__wrap {

display: block;

position: absolute;

width: auto;

left: 0;

animation: marquee__wrap 2s linear infinite;

font-size: 18px;

}

.marquee .line {

position: relative;

margin-left: -100%;

animation: marquee 2s linear infinite;

}

@keyframes marquee__wrap {

from {

margin-left: 100%;

}

to {

margin-left: 0%;

}

}

@keyframes marquee {

from {

left: 100%;

}

to {

left: 0%;

}

}

|*NewsData*|

|*NewsData*|long long long long massage