CSSアニメーションプロパティを完了後も保持しようとしていますが、これは可能ですか?
これは私が達成しようとしていることです...
要素は、ユーザーがページに到達すると非表示になり、3秒後(または何でも)、フェードインし、アニメーションが完了するとそこにとどまります。
ここにフィドルの試みがあります... http://jsfiddle.net/GZx6F/
保存用のコードは次のとおりです...
<h2>Test</h2>
<style>
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 0.9;
}
}
h2 {
animation: fadeIn 1s ease-in-out 3s;
}
</style>
私はjQueryでこれを行う方法を知っています...それはこのようになるでしょう...
<h2>test</h2>
<script>
$(document).ready(function(){
$('h2').hide().delay(3000).fadeIn(3000)
});
</script>