logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年
订阅后全站课程均可学习
Vue.js前端应用开发实践

Vue.js前端应用开发实践

transition：进入与离开动画

VuVue.js前端应用开发实践
  • CSS可以用于创建元素进入和离开时的过渡动画。
  • 可以通过修改CSS属性transition的name值到"pose"来应用动画。
  • 在app样式表中定义一个名为"pose"的动画，并为元素进入时添加一个类，设置动画时长为1秒。
  • 同样，为离开状态添加名为"post live active"的类，并使用名为"pose"的动画，时长也设为1秒。
  • 如果动画没有生效，可以尝试刷新页面后重新测试。
  • 通过这种方式，元素在进入和离开时都会应用自定义动画效果。