var animation = require('nanoanimation')
var css = require('sheetify')
var html = require('bel')
 
css('tachyons')
 
var el = html`
  <div class="bg-red h5 w5" onclick=${() => move.play()}>
    Hello planet
  </div>
`
 
var keyFrames = [
  { transform: 'translateY(0%)' },
  { transform: 'translateY(100%)' }
]
 
var timingProperties = {
  duration: 1000,
  fill: 'forwards'
}
 
var animate = animation(keyFrames, timingProperties)
var move = animate(el, function () {
  console.log('event ended')
})
document.body.appendChild(el)