Я пытаюсь получить свойство анимации 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>