Próbuję uzyskać właściwość animacji CSS, aby pozostać po ukończeniu, czy to możliwe?Własność animacji CSS pozostaje po animowaniu
To co staram się osiągnąć ...
Element powinny być ukryte, gdy ziemie użytkowników na stronie, po 3 sekundach (lub cokolwiek), powinien zanikać i raz animacja ma ukończone powinno się tam pozostać.
Oto skrzypce próba ... http://jsfiddle.net/GZx6F/
Oto kod dla zachowania ...
<h2>Test</h2>
<style>
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 0.9;
}
}
h2 {
animation: fadeIn 1s ease-in-out 3s;
}
</style>
wiem, jak to zrobić z jQuery .. byłoby tak. ..
<h2>test</h2>
<script>
$(document).ready(function(){
$('h2').hide().delay(3000).fadeIn(3000)
});
</script>
Czy [w3schools] (http://www.w3schools.com/cssref/css3_pr_keyframes.asp) jest nieaktualne? Mówi, że Chrome i FireFox obsługują tylko alternatywy. – iambriansreed
@iambriansreed: Zawsze zakładam, że to jest :) – BoltClock
@iambriansreed nawet nie klikaj wyników wyszukiwania w3schools. Jeśli przypadkowo to zrobisz, odwróć wzrok od monitora i naciśnij przycisk powrotu na myszy. – doug65536