Making some magic with Waypoints today.
handler : (direction) ->
return if direction isnt 'down'
context : attrs.waypoint
offset : '95%'
triggerOnce : true
transition: opacity .25s ease-in-out
transform: translate3d(-100%, 0, 0)
transform: translate3d(100%, 0, 0)
transform: translate3d(0, 0, 0)
transition: transform .25s ease-in-out
The waypoint plugin (in this case, activated by an Angular directive) is adding a class to the container, which causes a transition of the transform on the items, as well as the opacity of the container. Smooth as butter.