【今天做在移动端的一些效果时，我选择使用动画而不是用过渡，这个300ms的点击延迟是我为什么使用动画而不使用过渡最主要的一个原因】 动画和过渡 共同点：都是css控制DOM运动， 不同点： 1、过渡：只有两个关键帧，开始和结束； 2、动画可以设置多个关键帧 3、过渡必须通过事件去触发 4、动画不需要 ...
分类：
移动开发 时间：
2017-07-10 20:17:42
阅读次数：
282
Qt移动应用开发（二）：使用动画框架 上一篇博客介绍了怎样使用Qt的QML来对屏幕分辨率大小进行适应，其实，不同分辨率的适应是一个很棘手的问题，除了分辨率不同外，宽高比（aspect ratio）也不尽同样。有些平板在硬件上做得和IPad一样是Retina屏（2048×1536），有些低端的手机分辨 ...
分类：
移动开发 时间：
2017-07-09 20:47:01
阅读次数：
202
1.手风琴式导航，既可以适用于移动端也可使用与PC端 2.下拉式导航 适用于pc端 还有更多样式的导航，使用C3新属性，使用动画，就会实现各种样式导航。 ...
分类：
其他好文 时间：
2017-07-06 10:13:36
阅读次数：
144
AngularJS 使用动画需要引入 angular-animate.min.js 库。这里可以使用npm来安装angular-animate.js库（使用npm安装的前提是安装了nodejs）。 angular-animate.js库安装命令： npm install angular-animat ...
分类：
Web程序 时间：
2017-06-30 22:19:14
阅读次数：
195
通过 CSS3，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 注释：Chrome 25 以及更早的版本，需要前缀 -webkit-。 它如何工作？ CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规 ...
分类：
Web程序 时间：
2017-06-22 21:56:58
阅读次数：
233
Chrome上各个渲染部分的实际含义： Parse Html: 发送一个http请求，获取请求的内容，然后解析html的过程。 Recalculate Style: 重新计算样式，它计算的是Style，和Layout做的事情完全不同。Layout计算的一个元素绝对的位置和尺寸，或者说是“Comput ...
分类：
Web程序 时间：
2017-06-08 14:01:37
阅读次数：
195
过渡--transition 过渡这个属性的作用是当元素的样式发生变化时，使用动画的效果进行变化。有了过渡属性后，很多情况下，写一些简单效果，将不需要再借助 javascript 去计算。 transition 过渡属性简写，可以设置四个值 transition-property 过渡的CSS的名字 ...
分类：
Web程序 时间：
2017-04-14 12:55:49
阅读次数：
339
动画 动画动画效果一：show(时间)，hide(时间)说明：时间的单位为毫秒方法toggle(时间)：使用动画切换显示与隐藏动画效果二：slideDown(时间),slideUp(时间)切换：slideToggle(时间)动画效果三：fadeIn(时间),fadeOut(时间)切换：fadeTog ...
分类：
Web程序 时间：
2017-04-09 10:34:04
阅读次数：
243
AngularJS 动画 AngularJS 提供了动画效果，可以配合 CSS 使用。 AngularJS 使用动画需要外部引入 angular-animate.js 库。 1.把ngAnimate依赖注入写入当前的myApp模块中； <script> var app = angular.modul ...
分类：
Web程序 时间：
2017-04-05 15:27:02
阅读次数：
1450
Google在Android 5.x中增加了对svg矢量图形的支持，这对于创建新的高效率动画具有非常重大的意义。首先，我们来看看什么是svg。 1.什么是svg图形 A.可伸缩矢量图形(Scalable Vector Graphics) B.定义用于网络的基于矢量的图形 C.使用XML格式定义图形 ...
分类：
移动开发 时间：
2017-03-31 19:01:30
阅读次数：
319
