ฉันกำลังพยายามทำให้คุณสมบัติแอนิเมชั่น 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>