如何在页面中心显示文本,并在滑块后显示文本动画?

时间:2016-09-11 07:31:45

标签: jquery html css twitter-bootstrap jquery-animate

我正在使用引导滑块(https://blackrockdigital.github.io/startbootstrap-full-slider/)。我必须在页面中心显示文本,并且该文本应该在滑块后生成动画。我尝试了一些代码用于中心,但它没有拍摄,请在滑块后帮助我制作动画。

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);
}

1 个答案:

答案 0 :(得分:2)

检查 CODEPEN 上的演示示例 并使用animate.css

为内容添加动画效果

我希望它有所帮助