How to add transition to masonry items on init?

Asked Oct 15 '17 at 00:54

Active Oct 15 '17 at 11:51

Viewed 183 times

Here is a pen: https://codepen.io/DTX/pen/xXaBpJ

$('#sort').click(() => {
  $('.item').sort((a, b) => Math.random() - 0.5)
    .each((i, el) => $(el).parent().append(el));

  $grid.masonry('destroy')
  $grid.masonry()
})

I want to add transition to items like on resizing, when I press Sort button. Can i?

edited Oct 15 '17 at 11:51

asked Oct 15 '17 at 00:54

DTXqueque

What kind of transition? – roberrrt-s Oct 15 '17 at 01:20
Possible duplicate of [jQuery using append with effects](https://stackoverflow.com/questions/1520178/jquery-using-append-with-effects) – roberrrt-s Oct 15 '17 at 01:21
1

Updated question. – DTXqueque Oct 15 '17 at 11:52
If you use isotope, sorting and filtering animations are part of the plugin. Might save you some headaches. – Macsupport Oct 16 '17 at 01:39

How to add transition to masonry items on init?

0 Answers0