4

画像を含む div があります。現時点では、CSS3 アニメーションを使用してフェード オフしていますが、パフォーマンスはひどいものです。

トランジションを使用する必要があると確信しています。問題は、ホバーによってトリガーされない例が1つ見つからないことです。

ページが読み込まれると、2 秒後に画像/div が 0% からフェードインするようにするにはどうすればよいですか?

現時点では、私がアニメーションで言ったように、私は持っています:

@-webkit-keyframes fadetime {
from {
 opacity: 0;
}

50% {
 opacity: 0;
}

to {
 opacity: 1;
    }
}

何か案は？ありがとうございました。

4

2 に答える 2

12 
@-webkit-keyframes FadeIn {
    0% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

.object {
    -webkit-animation-name: FadeIn;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 3s;
}
于 2011-02-01T07:25:37.083 に答える
0

jQuery を使用することは、おそらくより良い方法です。

<script type="text/javascript">

$(document).ready(function () {
$('#mainContent').hide();
$('#mainContent').delay(2000).fadeIn(500);

});

</script>

#mainContent はフェードインする div です

于 2010-09-14T12:43:39.937 に答える