vue中可以使用<transition-group> 组件同时渲染整个列表，对一组列表进行动画渲染，而当使用动态数据进行动画渲染时，我们可以使用钩子函数，那么如果我们要对每个元素分别执行动画，该怎么做呢？ 此时我们可以在列表标签中使用 v-bind:data-XXX="动态值"，那么在钩子函数中就可 ...
分类：
其他好文 时间：
2018-04-19 20:01:45
阅读次数：
2882
CSS3 有3种和动画相关的属性：transform, transition, animation。其中 transform 描述了元素静态样式。而transition 和 animation 却都能实现动画效果。所以transform 常常配合后两者使用 一、transform 描述的是元素静态样 ...
分类：
Web程序 时间：
2018-04-18 23:39:08
阅读次数：
372
HTML 代码： CSS 代码： 详解 链接样式： a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 transition属性： 1、指定CSS属性的name，transition ...
分类：
Web程序 时间：
2018-04-14 23:48:22
阅读次数：
267
CSS3添加了几个动画效果的属性，通过设置这些属性，可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类：transform、transition以及animation。 transform rotate 设置元素顺时针旋转的角度，用法是： transfor ...
分类：
Web程序 时间：
2018-04-11 18:13:23
阅读次数：
227
div{ width: 300px; height: 300px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } div img{ cursor: pointer; transition: all 0.6s; } div ...
分类：
Web程序 时间：
2018-03-31 14:23:13
阅读次数：
176
1. CSS 3d透视 perspective 属性都是加给父元素的 transform-style：preserve-3d; 这个属性必须与transform一同使用，它使被转换的子元素保留其 3D 转换（即设置给父元素） 2. 元素本身有animation的属性时，transition 中在an ...
分类：
Web程序 时间：
2018-03-30 19:58:54
阅读次数：
182
1. 前言 在我们不能确定一个元素的高度的时候，要使用transition过渡，是不会触发的，比如一个p标签 内容行数不固定 我们可能就要初始 height: 0 ; 过渡到 height: auto ; 写完发现并不能实现 。 可过渡的样式 不是所有的CSS样式值都可以过渡，只有具有中间值的属性才 ...
分类：
其他好文 时间：
2018-03-29 13:32:28
阅读次数：
232
Half [ hɑ:f ] 一半的,半个的 Search [ s?: t?] 搜索,查找 Mid [ mid] 中间的 Number [ 'n?mb? ] 数字,号码 util[ ju'til]是utility[ ju'tiliti ]功能,功效 的缩写 Transition[ træn'zi??n ...
分类：
编程语言 时间：
2018-03-24 14:24:57
阅读次数：
176
translate（tx,ty）; scale放大缩小 skew倾斜角度 rotate（a） 旋转 transition 过渡动画函数 触发机制 animation动画简介 设置关键帧 ...
分类：
Web程序 时间：
2018-03-20 00:51:55
阅读次数：
247
:hover伪类选择器可以用于所有的选择器(只有在悬停时，执行选择器的属性)CSS3中新增过渡模块：transition property（属性）duration（过渡效果花费的时间）timing-function（过渡效果的时间曲线）delay（过渡效果何时开始）简写：transition：过渡属... ...
分类：
Web程序 时间：
2018-03-17 00:43:16
阅读次数：
337
