部分文本应该使用纯html css、JavaScript或jQuery在旋转木马中更改

<div class="carousel-container">
  <ul class="carousel-content">
    <li>文本1</li>
    <li>文本2</li>
    <li>文本3</li>
  </ul>
</div>

.carousel-container {
  width: 300px;
  height: 200px;
  position: relative;
  perspective: 1000px;
}

.carousel-content {
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  animation: rotate-carousel 10s infinite linear;
}

.carousel-content li {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background-color: #333;
  transform-origin: center center;
}

@keyframes rotate-carousel {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-360deg);
  }
}

var carouselItems = document.querySelectorAll('.carousel-content li');
var textIndex = 0;

document.querySelector('.carousel-content').addEventListener('animationiteration', function() {
  carouselItems[textIndex].textContent = '新文本' + (textIndex + 1);
  textIndex = (textIndex + 1) % carouselItems.length;
});

var carouselItems = $('.carousel-content li');
var textIndex = 0;

$('.carousel-content').on('animationiteration', function() {
  $(carouselItems[textIndex]).text('新文本' + (textIndex + 1));
  textIndex = (textIndex + 1) % carouselItems.length;
});