一、动画 1、src路径下创建一个transition.vue文件如下： 2、src/main.js 3、index.html中加入id为demo的div 二、路由的动画 1、新建src/router4.js 2、在index.html中加入动画样式 3、src/main.js import Vue ...
分类：
其他好文 时间：
2019-07-27 09:41:32
阅读次数：
93
一、transition 1、transition元素样式发生改变时，给元素添加一个过渡动画。 1.1、transition-delay 延迟时间，动画延迟多长时间执行(s|ms) 默认值0s 1.2、transition-duration 动画时长，动画用多长时间完成(s|ms) 默认值 0s 1 ...
分类：
Web程序 时间：
2019-07-22 13:12:45
阅读次数：
154
转换 2D转换 二维平面移动 语法： transform:translateX(移动的距离) translateY(移动的距离); Transform:translate(水平移动距离，垂直移动距离) 可以设置负值，水平的正值是向右移动，垂直的正值是向下移动 二维平面旋转 语法： Transform ...
分类：
Web程序 时间：
2019-05-26 14:28:17
阅读次数：
167
CATransition通常用于通过CALayer控制UIView内子控件的过渡动画，比如删除子控件，添加子控件，切换两个子控件等。 用于子视图的增删查改； ...
分类：
其他好文 时间：
2019-01-31 19:14:17
阅读次数：
162
Vue 中的动画特效 CSS 实现标签显隐 transition 过渡动画 如果要在vue中实现过渡动画，需要使用 transition 标签，名字可以随便取。 显示动画原理 代码案例 - 3s完成显示 隐藏动画原理 案例代码 - 隐藏 代码优化 <!DOCTYPE html> <html lang ...
分类：
其他好文 时间：
2019-01-29 13:54:50
阅读次数：
200
层级：z-index:10; 大的在上面（可以为负） 动画样式：渐变过渡动画 线性渐变 background: linear-gradient(red, blue); 默认从上到下可多个颜色 background: linear-gradient(rgba(255,0,0,0), rgba(255, ...
分类：
Web程序 时间：
2019-01-07 00:11:05
阅读次数：
230
App.vue: <div id="app"> <div class="content"> <transition :name="transitionName" :duration="{ enter: 500, leave: 0 }"> <router-view class="transitionB ...
分类：
移动开发 时间：
2019-01-02 12:36:34
阅读次数：
488
vue waterfall2 1.宽度自适应,数据绑定特效(适用于上拉加载更多) 2.自定义程度高 3.使用极为简便,适用于PC/移动端 4.提供resize(强制刷新布局 适用于下拉刷新)/mix(扰乱布局) API，一般情况下不需要用到 5.后期将持续更新，提供animation（过渡动画） D ...
分类：
Web程序 时间：
2018-12-15 21:13:46
阅读次数：
486
补充：本文也是拖迟一周才更新的。也是由于项目原因。 时间：2018.12.03-2018.12.08 1.在主线程操作UI 在开发中我们一般只在主线程操作UI，但是在一些方法中我们会调用一下UI处理。这时候就会报出一些错误警告等。 在本周开发中我就遇到这个问题，在一个异步网络请求中，刷新UI结果报警 ...
分类：
移动开发 时间：
2018-12-13 16:37:28
阅读次数：
288
