作用:transition 用于实现过渡效果。 语法:transition: property duration timing-function delay; 默认值 :all 0 ease 0 property 指定CSS属性的name duration 过渡动画持续的时间 (秒) timing- ...
分类:
Web程序 时间:
2018-09-03 11:11:44
阅读次数:
2978
过渡动画 显示和隐藏数据 hello vuejs ...
分类:
其他好文 时间:
2018-08-21 19:42:47
阅读次数:
169
需求 上移下移 需求: 1)点击上移就将当前的按钮的父级上移一位 2)当点击第一个时候将当前按钮的父级移动到最后一位 3)当点击最后一个时候将当前按钮的父级移动到首位 4)带过渡动画 需求分析: 下移:剪切所点击的条目插入到下一条目后面 上移:剪切所点击的条目插入到上一条目前面 过渡效果实现:CSS ...
分类:
其他好文 时间:
2018-08-20 00:33:35
阅读次数:
146
一.CSS3变形 CSS3变形是一些效果的集合 如平移、旋转、缩放、倾斜效果 每个效果都可以称为变形(transform),它们可以分别操控元素发生平移、旋转、缩放、倾斜等变化 二.CSS3位移:translate <style type="text/css"> li a:hover{ transf ...
分类:
Web程序 时间:
2018-06-23 17:08:03
阅读次数:
251
1.1 CSS作用 ?设置网页样式或者进行网页布局 1.2 CSS概念 ? Cascading Style Sheets (层叠样式表或者级联样式表)?层叠:指的是CSS中的一个特性。总结: ◆通过css控制标签的样式(文字大小,颜色,背景颜色,过渡,动画。。。。)美化网页的效果。 1.3 CSS书 ...
分类:
Web程序 时间:
2018-06-17 23:51:49
阅读次数:
377
Swift 关闭视图的过度动画 //关闭视图过渡动画 UIView.performWithoutAnimation { //关闭CALayer的隐式动画 CATransaction.setDisableActions(true) self.collectionView.reloadData() CA ...
分类:
编程语言 时间:
2018-06-01 01:01:01
阅读次数:
234
Vue路由: 1 、Vue-rouer入门2 、子路由3 、路由传参4 、多路由区域操作5 、重定向6 、过渡动画7 、404页面8 、钩子函数9 、编程式导航 $route.name 传递参数几种方式:1、利用name {{$route.name}} 相当于封装路由2、利用导航 <router-l ...
分类:
其他好文 时间:
2018-05-30 01:24:53
阅读次数:
231
单元素/组件的过渡 Vue提供了transition的封装组件,在下列情况中,可以给任何元素和组件添加”进入”和”离开”过渡动画。 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 示例代码: 动画效果: ...
分类:
其他好文 时间:
2018-05-29 19:43:07
阅读次数:
8820
运用的知识点包括: 路由的配置 插槽 vue的过渡动画 路由重定向 router/index.js里面配置路由 app.vue home.vue about.vue modal.vue ...
分类:
其他好文 时间:
2018-05-28 16:52:20
阅读次数:
393
CSS动画 原理:1.画面之间变化 2.视觉暂留作用 常见问题 1.CSS 动画的实现方式有几种 1.transition 2. keyframes(animation) 2.过渡动画和关键帧动画的区别 1.过渡动画需要状态变化 2.关键帧动画不需要状态变化 3.关键帧动画能控制更精细 3.如何使用 ...
分类:
Web程序 时间:
2018-05-21 19:54:40
阅读次数:
176