CODEWITHSUNDEEP
htmlcssanimationcanvaszurb-foundation-5
Shanaka
Shanaka

Reputation: 953

Off canvas menu animation

I am currently working with Foundation 5 Off-canvas menus Foundation off canvas menu. Currently the off canvas menu opens from left to right.

My question is how is it possible to change the position of how the off canvas menu loads, default is left to right fadeIn convert to eg : top to bottom fadeIn. How can this be achieved? I have used animate.css and unsuccessful in resulting the same. I have searched thourghly for solution but not have found any.

Im working on Fiddle

Upvotes: 3

Views: 301

Answers (1)

general03
general03

Reputation: 863

You can overwrite the open event to custom the animation

$(document).on('open.fndtn.offcanvas', '[data-offcanvas]', function () {
  var off_canvas_wrap = $(this);
});

because Foundation 5 supports only right or left translation

Upvotes: 0

Related Questions