});
$(document).on('mouseenter', '#links a.image_rollover', function () {
- console.log(this);
var id = $(this).closest('[data-id]').data('id');
- console.log(id);
var iid = 'i_' + id;
$this.rolloverEnter(iid);
});
},
rolloverEnter: function (iid) {
- console.log('enter',iid);
var e = $('[data-id="' + iid + '"]');
e.addClass('animaterollover');
},
rolloverLeave: function (iid) {
- console.log('leave',iid);
var e = $('[data-id="' + iid + '"]');
e.removeClass('animaterollover');
}
0% {
margin-top: 0px;
}
- 50% {
+ 100%{
margin-top: -40px;
}
- 100% {
- margin-top: 0px;
- }
-
}
[data-rollover="upanddown"] {
&.animaterollover {
- animation-duration: 800ms;
- animation-name: enterupanddown;
- animation-timing-function: ease-out;
+ animation: enterupanddown 0.25s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2 alternate forwards;
}
}