使用动画效果要用transition包裹，transition(<trsnsition name="xx"><div></div></transition>)是将所包裹的单个元素赋予过渡效果。当元素被transition包裹之后，vue会自动分析里面元素的css样式，然后构建一个动画流程 显示： 在 ...
分类：
其他好文 时间：
2018-08-23 10:11:07
阅读次数：
234
需求 上移下移 需求： 1）点击上移就将当前的按钮的父级上移一位 2）当点击第一个时候将当前按钮的父级移动到最后一位 3）当点击最后一个时候将当前按钮的父级移动到首位 4）带过渡动画 需求分析： 下移：剪切所点击的条目插入到下一条目后面 上移：剪切所点击的条目插入到上一条目前面 过渡效果实现：CSS ...
分类：
其他好文 时间：
2018-08-20 00:33:35
阅读次数：
146
利用css的transition属性详解，上图就是利用transition效果做的一个按钮。 transition属性：//举例子:transition:all 1s ease;transition:全部 1秒 缓和 transition: property duration timing-func ...
分类：
Web程序 时间：
2018-08-07 15:08:50
阅读次数：
437
一些场合我们可能需要一些类似于如下下拉过渡的效果 实现方法这里总结两种 html结构 必须是这种结构，思路就是通过控制第二个盒子（在这儿是ul）的高度，实现上拉，下拉的效果，这儿只需要将 overflow: hidden;` 再结合css3过渡就可以实现 方法1：当ul有固定高度，这时可以为ul添加 ...
分类：
其他好文 时间：
2018-07-27 23:08:53
阅读次数：
226
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { -webkit-text-fill-color: #333 !important; -webkit-box-shadow: 0 0 0px 10... ...
分类：
其他好文 时间：
2018-07-26 13:22:24
阅读次数：
145
1.给图片加loading效果 2.给ajax增加假的进度条，因为ajax只有0%和100%两种状态，可以随机到50%到80%随机的位置，成功后到达100%。 3.上传文件加载进度条 4.轮播图加过渡效果，明确当时显示的是第几张。 5.单击和输入给一定效果，明确不是页面没有响应。 1）按钮点击下陷的 ...
分类：
其他好文 时间：
2018-07-20 11:31:15
阅读次数：
135
过渡transition：属性名 过渡效果时间 时间速度曲线 开始时间 默认值： all 0 ease 0 ...
分类：
其他好文 时间：
2018-07-11 10:41:46
阅读次数：
139
transition-duration 属性规定完成过渡效果需要花费的时间（以秒或毫秒计）。 2D/3D 转换属性（Transform） 过渡属性（Transition） ...
分类：
其他好文 时间：
2018-07-06 14:52:29
阅读次数：
206
CSS3的 transition 属性用于状态过度效果！ 1、语法： 上以语法兼容各浏览器。 2、transition含有四个部份设置，各部份设置如下： a) property ：规定设置过渡效果的 CSS 属性的名称，可选值如下： 比如： transition: width 3s; 只让宽度产生动 ...
分类：
Web程序 时间：
2018-06-29 14:14:56
阅读次数：
680
