一些Javascript / CSS动画

Question

Here is my code (Plunker)

我在“打包”图像放大后使位置固定时遇到问题，我希望它以1秒的间隔逐渐淡出并逐渐淡出。

window.setTimeout(function () {
    var pack_image = document.getElementById('pack');
    if(pack_image && pack_image.style) {
        pack_image.style.top = '50%';
        pack_image.style.left = '50%';
        pack_image.style.height = '350px';
        pack_image.style.width = '250px';
    }
},7000);

我尝试使用top = %50和left = %50来保持这个位置，但它不起作用。我不知道如何为它添加淡入和淡出效果，请帮忙。我是JavaScript的新手。 ：）

Answer 1

尝试在css中使用关键帧。 http://www.w3schools.com/css/css3_animations.asp

您可以将css类用于动画，并通过jquery将此类添加到现有类中，或者从HTML中添加。