.box {
  position: fixed;
  display: flex;
  padding: 6px;
  top: 0;
}

.box .inner {
  width: 300px;
  height: 100px;
  line-height: 100px;
  font-size: 2em;
  font-family: sans-serif;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  box-shadow: 3px 6px black;
}

.box .inner:first-child {
  background-color: DeepSkyBlue;
  color: LightCyan;
  transform-origin: right;
  transform: perspective(100px) rotateY(-15deg);
}

.box .inner:last-child {
  background-color: LightSkyBlue;
  color: Navy;
  transform-origin: left;
  transform: perspective(100px) rotateY(15deg);
}

.box .inner span {
  position: absolute;
  animation: marquee 5s linear infinite;
}

.box .inner:first-child span {
  animation-delay: 2.5s;
  left: -100%;
}

@keyframes marquee {
  from {
    left: 100%;
  }

  to {
    left: -100%;
  }
}