当插入或删除包含在 transition 组件中的元素时，Vue 将会做以下处理： 自动嗅探目标元素是否应用了 CSS 过渡或动画，如果是，在恰当的时机添加/删除 CSS 类名。 v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v-enter-active: 定义过渡的 ...
分类：
其他好文 时间：
2017-08-05 13:18:18
阅读次数：
218
1.transition: 过渡属性，可以替代flash和javascript的效果 兼容性：Internet Explorer 9 以及更早的版本，不支持 transition 属性。 Chrome 25 以及更早的版本，需要前缀 -webkit-。 Safari 需要前缀 -webkit-。 ...
分类：
Web程序 时间：
2017-08-02 11:53:26
阅读次数：
183
选择器 CSS3中新添加了很多选择器，解决了很多之前需要用javascript才能解决的布局问题。 Transition,Transform和Animation 这三个特性是CSS3新增的和动画相关的特性。 Transition Transition可以在当元素从一种样式变换为另一种样式时为元素添加 ...
分类：
Web程序 时间：
2017-07-31 18:49:55
阅读次数：
180
详细 ： http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html 第一部分：CSS Transition transition的作用在于，指定状态变化所需要的时间。 上面代码指定，图片放大的过程需要1秒，效果如 ...
分类：
Web程序 时间：
2017-07-29 15:18:48
阅读次数：
170
说一下自己使用vue过渡时爬的坑 第一 <transition v-for=" " key=" " @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter"> <div> ... </div> </transition> ...
分类：
其他好文 时间：
2017-07-28 11:03:47
阅读次数：
156
基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实现。组件结构<template>
<divclass="modal"v-show="show"transition="fade">
<divclass="mo..
分类：
其他好文 时间：
2017-07-24 14:43:03
阅读次数：
93
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> div{ width: 200px; height: 100px; background: pink; border: 1px solid #ccc; mar ...
分类：
Web程序 时间：
2017-07-19 14:10:10
阅读次数：
264
基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实现。组件结构<template>
<divclass="modal"v-show="show"transition="fade">
<divclass="mo..
分类：
其他好文 时间：
2017-07-18 12:03:04
阅读次数：
146
1、css3中transfrom和transition、animation的区别transfrom描述元素静态样式，而transition和animation能够实现动画效果，所以一般transfrom配合后两者使用。结论：1. 如果要灵活定制多个帧以及循环，用animation.2. 如果要简单的 ...
分类：
Web程序 时间：
2017-07-18 12:02:11
阅读次数：
232
一、说明1.1定义和用法transition属性是一个简写属性，用于设置四个过渡属性：transition-property:规定设置过渡效果的CSS属性的名称。transition-duration:规定完成过渡效果需要多少秒或毫秒。transition-timing-function:规定速度效果的速度曲线。transition-delay:定义过渡..
分类：
Web程序 时间：
2017-07-17 11:15:59
阅读次数：
166
