1

私はAnimate.CSSを使用しており、「ヒンジ」効果を使用して画像を画面から落としています。実際のブラウザではうまく機能しますが、もちろんIE9以下では機能しません。この効果をjQueryまたはjavascriptで機能させる方法はありますか？または、画像をフェードアウトするためにjQueryトランジションを追加する必要がありますか？

ありがとう！

コード：

HTML

<img id="animate" class="fear" src="/2012/images/september/fear-sign.png" />

CSS

.fear{
     position:absolute;
     left:150px;
     top:0px;
}

#animate {
    -moz-animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}

JS

var $j = jQuery.noConflict();
$j(document).ready(function() {
    $j('#animate').addClass('animated hinge');
});

これが私が作成したアニメーション効果を示すフィドルです。

4

1 に答える 1

0

Animate.CSS ヒンジ効果ほど滑らかではありませんが、最終的に jQuery を使用して画像を画面からはみ出させました (まあ、落ちてフェードアウトします)。

私は CoreyRS の助けを借りました。彼の答えと方法は、ここで見つけることができます。

于 2012-09-02T07:18:32.983 に答える