gyj129129的专栏

原创 自如大前端-web动画探索(一)

前端项目直面客户，为了更好的交互体验，免不了需要使用动画来增香提味。在此分享自如动画的尝试与探索。 一、简单的过渡效果transition 使用transition实现：位移、旋转、缩放、透明度等简单过渡效果。 **优点：**流畅、简单。 **缺点：**仅能实现简单动画，仅能监控动画结束（transitionend），无法实现用户交互。 transitionend（结束）事件监控： <template> <div class="box1" ref="box1" :class="{mov