animate.css
animate.css copied to clipboard
animate-css
Adding swoop entrance and exit animations.
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
@daneden , @eltonmesquita o @warengonzaga any comment on the animations?
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.
@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).
@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
@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.
@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.
This looks great, thanks for your adjustments! Approving to unblock. @eltonmesquita @warengonzaga you're both more familiar these days with the release process so I’ll leave it to you to approve/merge.
Thanks! I'm not sure if I have merge capability but I will do my best to help approve the PRs.
@warengonzaga let me know if you need something from me when doing the merge.
@eltonmesquita let me know if you need something from me for your review process.