路由的过渡动画：让路由有过渡动画，需要在<router-view>标签的外部添加<transition>标签，标签还需要一个name属性。 css过渡类名：组件过渡过程中，会有四个CSS类名进行切换，这四个类名与transition的name属性有关，比如name=”fade”,会有如下四个CSS类 ...
分类：
其他好文 时间：
2017-09-08 23:54:11
阅读次数：
195
CSS3 变形/变换 相关属性 transform 设置或检索对象的检索（none 2D 3D） transform-origin：设置或检索对象以某个原点进行检索 transform-style: flat（默认）指定子元素位于次元素所在平面内/preserve-3d 指定子元素定位在三维空间内 ...
分类：
Web程序 时间：
2017-08-07 23:12:28
阅读次数：
403
创建时间： 2017/8/2 19:39 <!-- 1.img标签中的img其实是英文image的缩写 所以img标签的作用, 就是告诉浏览器我们需要显示一张图片 2.img标签格式: <img src=""> 其实img标签中的src是英文source的缩写 所以img标签中的src就是用来告诉i ...
分类：
其他好文 时间：
2017-08-06 21:46:26
阅读次数：
217
文件夹： 1、CSS 属性编写顺序 2、CSS3属性（内核前缀） 3、position相对/绝对定位 4、overflow：scroll等的差别 5、display属性应用 6、盒模型计算方法和Bug 7、CSS3新添加的结构标签 8、蒙版，变形。过渡，动画等CSS3效果 1、显示属性，自身属性，文 ...
分类：
Web程序 时间：
2017-08-01 11:17:37
阅读次数：
241
今天在用vue动画的时候，一点就没了 原来这个很有讲究 组件过渡过程中，会有四个CSS类名进行切换，这四个类名与上面transition的name属性有关，比如name="fade"，会有如下四个CSS类名： fade-enter：进入过渡的开始状态，元素被插入时生效，只应用一帧后立即删除； fad ...
分类：
其他好文 时间：
2017-07-11 19:19:03
阅读次数：
113
一、变形 transform：可以对元素对象进行旋转rotate、缩放scale、移动translate、倾斜skew、矩阵变形matrix。示例： transition：过度属性 transition：过度效果的css属性名 过度效果时长 速度效果的速度曲线 过度效果开始时间； rotate()： ...
分类：
Web程序 时间：
2017-07-07 14:27:43
阅读次数：
207
在vue中什么是动画 开始先啰嗦一下，动画的解释（自我理解😢） 在一个标签里面的类容，我们视觉看到它，这时候，这个标签以什么形式出现，中间变化了什么，并且以什么形式消失，是有一个过渡的存在的方式，我叫做动画 （不是那种干出，干消失哈😁，大神原谅我粗糙的说辞\(^o^)/~） 闲言碎语不多讲，上干 ...
分类：
其他好文 时间：
2017-06-26 17:59:37
阅读次数：
552
一：过渡动画 Transitions 含义：在css3中，Transitions功能通过将元素的某个属性从一个属性值在指定的时间内平滑过渡到另一个属性值来实现动画功能。 Transitions属性的使用方法如下所示： transition: property | duration | timing- ...
分类：
Web程序 时间：
2017-06-16 11:26:04
阅读次数：
288
.fade-enter-active, .fade-leave-active { transition: opacity 10.5s } .fade-enter, .fade-leave-active { opacity: 0 } #div1{width: 500px;he... ...
分类：
其他好文 时间：
2017-06-14 18:05:43
阅读次数：
150
CSS 发展到今天已经越来越强大了。其语法的日新月异，让很多以前完成不了的事情，现在可以非常轻松的做到。今天就向大家介绍几个比较新的强大的 CSS 功能： clip-path shape-outside shape 的意思是图形，CSS shapes 也就是 CSS 图形的意思，也就是使用 CSS ...
分类：
Web程序 时间：
2017-06-12 14:44:41
阅读次数：
1562
