显示效果 显示效果 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: blue; 5 transition: width 2s,height 2s,transform 2s; 6 -webkit-transitio ...
分类：
Web程序 时间：
2020-03-21 15:08:54
阅读次数：
75
概述 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 C ...
分类：
其他好文 时间：
2020-03-14 13:05:37
阅读次数：
68
过渡 transition: all 2s; /* 设置哪些属性可以有过渡效果 all：所有的属性 */ /*注意：并不是所有的属性都可以过渡*/ transition-property: left, width; transition-duration: 5s; /* duration durin ...
分类：
Web程序 时间：
2020-03-11 23:43:42
阅读次数：
125
CSS 过渡 transition呈现的是一种过渡，是一种动画转换的过程，如渐现、渐弱、动画快慢等 transition-property 规定设置过渡效果的 CSS 属性的名称。 定义转换动画的CSS属性名称 IDENT：指定的CSS属性（width、height、background-color ...
分类：
Web程序 时间：
2020-03-11 01:34:57
阅读次数：
256
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 Vue 提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。 首先是无过渡效果的动画 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>demo ...
分类：
Web程序 时间：
2020-03-04 14:26:35
阅读次数：
94
提示工具：tooltip 弹出框：popover 属性： title / data-title 文字描述 data-content 内容部分 data-placement 弹出框的（提示工具）的位置：top、left、right、bottom data-html 解析标签 true、false da ...
分类：
其他好文 时间：
2020-03-03 10:51:14
阅读次数：
78
transition ： 平衡过渡 transition是一种css里的一种过渡效果，完成过渡需要多少秒 。延迟几秒开始 ，过渡的速度（一般有 "linear 匀速" 和“ease 先慢后快再慢结束”及“cubic-bezier(n,n,n,n) 自己定义的值，可能的值是 0 至 1 之间的数值”等 ...
分类：
Web程序 时间：
2020-03-01 14:14:05
阅读次数：
71
说明 学习的时候，尽量的打开官方的文档 Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细 ...
分类：
其他好文 时间：
2020-02-22 16:13:44
阅读次数：
79
一、过渡模块的连写 1.过渡连写格式： 过渡属性 过渡时长 运动速度 延迟时间； 2.过渡连写注意点： （1）和分开写一样，如果想要多个属性添加过渡效果，也是使用逗号来隔开即可。 （2）连写的时候可以省略后面的两个参数，因为只要编写了前面的两个参数就已经满足了过渡的三要素。 （3）如果多个属性运动的 ...
分类：
Web程序 时间：
2020-02-08 09:50:48
阅读次数：
93
一、过渡模块的基本使用 1.*:hover;这个伪类选择器除了可以用在a标签上，还可以用在其他任何标签上。 2.过渡三要素： （1）必须要有属性发生变化；（2）必须告诉系统哪个属性需要执行过渡效果；（3）必须告诉系统过渡效果持续的时长。 3.注意点： 当多个属性需要同时执行过渡效果的时候，可以使用英 ...
分类：
Web程序 时间：
2020-01-29 17:39:49
阅读次数：
98
