0

Web サイトのテキストに効果を加えようとしていますが、うまくいきません。CSSで作成したいと思っていましたが、jQueryでも方法を提案できる人がいれば、何でも試してみます.

基本的にフェードインしたいのですが、フェードインするとパルスになり、一定時間遅れてからフェードアウトします。これをループで発生させたい。

スライドショーがあり、基本的に、4 つのスライド/タイトルのそれぞれが、現在キーフレームを使用してループに設定されている対応する各スライドにフェードインするようにします。各タイトルをスライドと一緒に挿入できるようにする必要があります。

例えば：

<div>
    <ul>
      <li>
         <h2 class="title1">Title One</h2>
         <img src="../" />
      </li>
      <li>
         <h2 class="title1">Title Two</h2>
         <img src="../" />
      </li>
      <li>
         <h2 class="title1">Title Three</h2>
         <img src="../" />
      </li>
      <li>
         <h2 class="title1">Title Four</h2>
         <img src="../" />
      </li>
    </ul>
</div>
4

2 に答える 2

1

Animate.css の使用を試すことができます - https://github.com/daneden/animate.css

$('.title1').addClass('animated pulse');

$('.title1').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);
于 2014-03-24T14:34:18.963 に答える