<div class="thing">
  Oh, hello!
</div>
body {
  padding: 2rem;
}
var $elem = $('.thing');

MotionUI.animateIn($elem, 'slide-in-left', function() {
  console.log('Transition finished!');
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/foundation/6.5.0/css/foundation.min.css
  2. https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/motion-ui.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js
  2. https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/motion-ui.js