vue跑马灯效果

.name-menu {

  // height: 25px;

  // line-height: 25px;

  box-sizing: border-box;

  word-break: break-all;

  white-space: nowrap;

  overflow: hidden;

}

.listbox-valname {

  display: inline-block;

  padding-right: 0%;

  /* 从右至左开始滚动 */

  animation: marqueeTransform 4s linear infinite;

}

@keyframes marqueeTransform {

  0% {

    transform: translate(0, 0);

  }

  100% {

    transform: translate(-50%, 0);

  }

}