jquery - Flexslider と Css3

Question

Flexslider と呼ばれる jquery スライダー プラグインを使用しようとしています: http://www.woothemes.com/flexslider/ですが、残念ながら、各スライド内の要素に Css3 トランジションを適用する方法がわかりません。つまり、スライドイン時に内部の要素がフェードインし、スライドアウト時にフェードアウトする必要があります。類似: http://www.squarespace.com/stories

これまでのところ、flexslider の css および javascript ファイルが添付されています。

<div class="flexslider">
  <ul class="slides">
    <li>
      <h2>Heading 1</h2>
      <img src="slide1.jpg" />
    </li>
    <li>
      <h2>Heading 2</h2>
      <img src="slide2.jpg" />
    </li>
    <li>
      <h2>Heading 3</h2>
      <img src="slide3.jpg" />
    </li>
  </ul>
</div>

したがって、上記のコードでは、見出しをフェードインおよびフェードアウトさせたいと考えています。これについて教えてください。どうもありがとうございました。