logo

该视频仅会员有权观看

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

¥
199
/ 年

transition:进入与离开动画

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