十一.过渡与动画 1.使用限制Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加 entering/leaving 过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点 2.示例 3.当插入或删除包含在 transition 组件中 ...
分类：
其他好文 时间：
2017-09-17 11:49:36
阅读次数：
147
/*.img1 img{transform: scale(1,1)原本的图片的大小; transition: all 0.6s;动画过渡的效果：全部的过渡效果 效果的时间是0.6秒 }*/ 第一句是没有经过图片的效果 /*.img1:hover img{transform: scale(2,2);}... ...
分类：
其他好文 时间：
2017-09-14 20:20:02
阅读次数：
211
一.过渡1.定义：将CSS的属性值在一段时间内平缓变化的过程给体现出来；2.指定过渡属性2.1作用：指定哪个或者哪几个属性值，在变化时需要使用过渡效果来体现；2.2属性：transition-property取值：属性名例子：transition-property:background;2.3注意：允许设置过渡效果的属性如..
分类：
Web程序 时间：
2017-09-12 15:52:11
阅读次数：
151
我们接着上文，那么在上篇文章的最后，写到了css-loader的用法，如果你用心发现，就能看到我在style.css样式文件中写了一个这样的样式： div { transition: all ease 1s; } 一、这是一个css3的过渡样式，我们知道，写css3的时候，需要加上浏览器前缀. 那么 ...
分类：
Web程序 时间：
2017-09-11 18:26:01
阅读次数：
290
给 input 文本框和 textarea 多行文本框添加发光焦点响应特效css3 transition 属性是一个简写属性，用于设置四个过渡属性 CSS 属性的名称 all完成过渡效果需要多少秒或毫秒 0.30s速度效果的速度曲线 ：ease-in-out定义过渡效果何时开始： css3 box- ...
分类：
Web程序 时间：
2017-09-10 14:23:52
阅读次数：
316
.box img:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; } ...
分类：
其他好文 时间：
2017-09-10 01:06:22
阅读次数：
139
路由的过渡动画：让路由有过渡动画，需要在<router-view>标签的外部添加<transition>标签，标签还需要一个name属性。 css过渡类名：组件过渡过程中，会有四个CSS类名进行切换，这四个类名与transition的name属性有关，比如name=”fade”,会有如下四个CSS类 ...
分类：
其他好文 时间：
2017-09-08 23:54:11
阅读次数：
195
.circular1{ width: 50px; height: 30px; border-radius: 16px; background-color: #ccc; transition: .3s; cursor: pointer; } .rou... ...
分类：
Web程序 时间：
2017-09-08 13:23:33
阅读次数：
290
1. 在使用<transition></transition>时类名的组合如下： 1 .move-enter-active, .move-leave-active {//带active的应该写在前面2 transition: all 0.4s linear; 3 transform: transla ...
分类：
其他好文 时间：
2017-09-07 21:27:17
阅读次数：
118
1.transition动画 2.animation动画 ...
分类：
其他好文 时间：
2017-09-07 14:57:31
阅读次数：
199
