Необходимо, чтобы при наведении на блок с картинками - картинки два раза прыгнули к верху на 3px
. а потом вернулись на место за 500 ms .
var box = $('.box');
box.mousemove(function Newbox() {
box.css('marginTop', '3px');
});
setTimeout(Newbox, 300);
.box {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
background-color: #ddd;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="box">
<img src="https://cdn4.iconfinder.com/data/icons/evil-icons-user-interface/64/arrow_down2-32.png" alt="">
<img src="https://cdn4.iconfinder.com/data/icons/evil-icons-user-interface/64/arrow_down2-32.png" alt="">
<img src="https://cdn4.iconfinder.com/data/icons/evil-icons-user-interface/64/arrow_down2-32.png" alt="">
</div>