ページの中央にテキストを表示し、そのテキストをスライダの後にアニメーション表示する方法は？

Question

私はブートストラップスライダー（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); 
} 

Answer 1

CODEPEN でのデモの例を確認し、私はそれが