Vue.js进入/离开 & 列表过渡 传送门 进入/离开过渡效果：Vue在插入、更新或移除DOM时，可以设置一些动画效果； 过渡效果中也提供了对应的钩子函数，这些钩子函数需要在<transition>组件上绑定，然后再实现 Vue中的过渡效果也可以与其他第三方CSS动画库一起使用，例如Animate ...
分类：
其他好文 时间：
2019-02-27 01:27:25
阅读次数：
262
原文地址：https://segmentfault.com/a/1190000015089396 拓展地址：https://scrimba.com/c/cWqNNnC2 HTML code: CSS code: ...
分类：
其他好文 时间：
2019-02-21 00:23:22
阅读次数：
211
visibility 对比 display 两者效果类似，用法一样，但 display 与 transition 之间有冲突，而 visibility 则不会。 style ：属性的 display 被隐藏的控件不再占用显示时占用的位置 visibility ：隐藏的控件仅仅是将控件设置成不可见了， ...
分类：
其他好文 时间：
2019-02-07 23:28:25
阅读次数：
194
问题： 既需要“显示、隐藏”’效果，也需要动画效果。此时使用了xxx.style.display = "none / block" 之后，我们发现 transition 动画效果就没有了。 解决办法一：用定时器（这种方法并不好） 解决办法二：用 visibility 属性代替 display sty ...
分类：
其他好文 时间：
2019-02-07 23:27:08
阅读次数：
400
vue路由左右侧滑动： 不用安装插件，自带 <template> <transition name="slide"> <music-list :title="title" :bg-image="bgImage" :songs="songs"></music-list> //需要展示的内容 </tra ...
分类：
其他好文 时间：
2019-02-01 11:37:38
阅读次数：
282
1 import { trigger, state, transition, style, animate, keyframes } from '@angular/animations'; //trigger, state, transition, style, animate 这5个都是动画函数 ...
分类：
其他好文 时间：
2019-01-31 01:25:19
阅读次数：
376
Vue 中的动画特效 CSS 实现标签显隐 transition 过渡动画 如果要在vue中实现过渡动画，需要使用 transition 标签，名字可以随便取。 显示动画原理 代码案例 - 3s完成显示 隐藏动画原理 案例代码 - 隐藏 代码优化 <!DOCTYPE html> <html lang ...
分类：
其他好文 时间：
2019-01-29 13:54:50
阅读次数：
200
#site-nav .down-menu a{height:88px;line-height:88px;border-bottom:0px solid #9e5ae2;transition-duration:0.6s;}#site-nav .down-menu>.current-menu-item> ...
分类：
Web程序 时间：
2019-01-28 01:08:27
阅读次数：
164
恢复内容开始 一、效果 二、知识点 1、line-height:1;/*清除默认高度*/ 2、font-weight: bold;/*字体加粗*/ 3、transition-delay: 0.1s;延迟动画过渡 4、:nth-child(1)按下标选取集合元素的子元素 5、<span>一般用于没有实 ...
分类：
其他好文 时间：
2019-01-25 15:06:53
阅读次数：
177
ACCP8.0 HTML标签 第一章1、HTML超文本标记语言2、网页<html></html>3、网页头部<head></head>4、网页标题<title></title>5、网页主体<body></body>6、DOCTYPE声明3种级别：（1）Strict 严格类型（2）Transition ...
分类：
Web程序 时间：
2019-01-25 11:32:42
阅读次数：
258
