<div class="in_scro">
<div class="in_scrview">林先生130****2212已申请免费量房</div>
<div class="in_scrview">谢先生130****2342已申请免费量房</div>
<div class="in_scrview">周先生130****2322已申请免费量房</div>
<div class="in_scrview">余先生130****6756已申请免费量房</div>
<div class="in_scrview">林先生130****2212已申请免费量房</div>
<div class="in_scrview">谢先生130****2342已申请免费量房</div>
</div>
.in_scro {
height: 50px;
width: 80%;
margin: 15px auto;
overflow: hidden;
}
.in_scrview {
color: #000000;
font-size: 15px;
height: 30px;
line-height: 30px;
text-align: center;
animation: myMove 5s linear infinite;
animation-fill-mode: forwards;
}
.in_scrview:nth-child(even){
color: #686767;
font-size: 8px;
}
/*文字无缝滚动*/
@keyframes myMove {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-60px);
}
}