Adding swoop entrance and exit animations.

[emmanuelulloa]

I added a set of swooping entrance and exit animations.
They are inspired on the "smear" effect by Chuck Jones.
Review them in this codepen: https://codepen.io/emmanuelulloa/pen/PogVYPa

[emmanuelulloa]

@daneden , @eltonmesquita o @warengonzaga any comment on the animations?

[warengonzaga]

Hello @emmanuelulloa, I like the animation, but is there anything we can do to make it more fluid? The final decision would be from @eltonmesquita.

[daneden]

@emmanuelulloa these are great! I’d suggest adding an opacity transition in the final ~50% of each keyframe animation. The translation is quite small and it's unlikely that transitioned elements would appear “off-screen” by the end of the animation (unlike some of the current exit/entrances, which translate elements by thousands of pixels to ensure they begin/end off screen).

[emmanuelulloa]

@daneden I added the opacity change and you are correct; they look way more natural. Please review at the same codepen: https://codepen.io/emmanuelulloa/pen/PogVYPa

[daneden]

@emmanuelulloa nice, this does look better, although I'd suggest the opacity transition is a bit abrupt. It looks like the transition starts at the 65% keyframe right now; I’d play around with moving it to the 51% or 57% keyframe.

[emmanuelulloa]

@daneden I move it to 57% (because at 51% it looked more like a regular fade). Please review and let me know what you think.