课程
文档
训练营
价格
博客
该视频仅会员有权观看
立即开通课程「Vue.js前端应用开发实践」权限。
¥
199
/ 年
立即订阅
订阅后全站课程均可学习
Vue.js前端应用开发实践
自动播放下一节
is off
off
首页
课程
Vue.js前端应用开发实践
transition:进入与离开动画
transition:进入与离开动画
Vu
Vue.js前端应用开发实践
CSS可以用于创建元素进入和离开时的过渡动画。
可以通过修改CSS属性transition的name值到"pose"来应用动画。
在app样式表中定义一个名为"pose"的动画,并为元素进入时添加一个类,设置动画时长为1秒。
同样,为离开状态添加名为"post live active"的类,并使用名为"pose"的动画,时长也设为1秒。
如果动画没有生效,可以尝试刷新页面后重新测试。
通过这种方式,元素在进入和离开时都会应用自定义动画效果。
上一节
transition:指定过渡效果的名字
下一节
transition:自定义过渡类