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>

所以在上面的代码中，我希望标题淡入淡出。请让我知道这件事。非常感谢。