如何在页面中央显示文本并在滑块后显示该文本动画？

Question

我正在使用 bootstrap 滑块 (https://blackrockdigital.github.io/startbootstrap-full-slider/)。我必须在页面中心显示文本，并且在 slider.I 尝试了一些中心代码但它没有采用之后该文本应该是动画的，请协助我在滑块之后制作动画。

CSS

.carousel-caption {
  position: relative;
  top: 0;
  left: 0;
}

.carousel-caption h1 { 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 10;
  color: #000;
  text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

Answer 1

在 CODEPEN 查看演示示例 并使用 animate.css

对内容进行动画处理

希望对你有帮助