Sebenarnya ada cara lain untuk membuat animasi memantul ini yaitu dengan menggunakan CSS Key Frames, namun penggunaan CSS Key Frames tidak valid CSS3 jadi saya buat alternatif lain yaitu menggunakan JQuery
CSS
CSS ini berfunsi untuk memperhalus animasi yaitu dengan menambahkan efek transisi
1code-line:1-12code-line:1-23code-line:1-3#max {
transition:all 0.25s ease 0s
}
HTML
1code-line:2-1<img id="max" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy3lhZwYfm-2H3MYglHykDdC5j_6phFajauyuBVolgJYtBJ1YqMyeL58CtkWXWXHZMD6g4yRaUqKMmBb1vy20LTJMO15q1cuGaIPk2v7wPl4eav8l0fKy3vrYkjuKF7W1aTm1rYApWzZA/w353-h354-no/logoku.png" />
JQuery
1code-line:3-12code-line:3-23code-line:3-34code-line:3-45code-line:3-56code-line:3-67code-line:3-7function R(n) {
n = $("#max");
window.setInterval(function () {
n.css("margin-top", n.css("margin-top") == "10px" ? "-10px" : "10px")
}, 300)
}
R();