上次分享了四个CSS3的加载动画,今天继续(标题接上一次)。 在线demo:http://liyunpei.xyz/loading.html (持续更新) 请注意:代码中的关键帧动画有的用的linear曲线,而有的用的是ease曲线。前者是匀速执行,整个动画以固定的速度执行;后者有加速减速阶段,在动 ...
分类:
Web程序 时间:
2017-07-11 17:49:34
阅读次数:
139
WPF编程学习——动画 WPF中的动画——(一)基本概念 WPF中的动画——(二)From/To/By 动画 WPF中的动画——(三)时间线(TimeLine) WPF中的动画——(四)缓动函数 WPF中的动画——(五)关键帧动画 本文将介绍WPF 中三种基本动画,线性插值、关键帧和路径动画。 在 ...
分类:
其他好文 时间:
2017-07-05 13:43:05
阅读次数:
1743
css动画分两种:过渡效果transition 、关键帧动画keyframes 一、过渡效果transition 需触发一个事件(如hover、click)时,才改变其css属性。 过渡效果通常在用户将鼠标指针浮动到元素上时发生 过渡(transition)动画只能定义首尾两个状态 transiti ...
分类:
Web程序 时间:
2017-06-26 20:01:41
阅读次数:
270
在开始之前呢,先了解一下UIView和CALayer大体的区别(重点列举了以下四点): UIView继承自 UIResponder,因此UIView 可以处理响应事件,而CALayer继承自NSObject,所以它只是负责内容的创建,绘制。 UIView负责对内容的管理,而CALayer则是对内容的 ...
分类:
其他好文 时间:
2017-06-21 23:02:29
阅读次数:
225
1.帧动画介绍: CAKeyframeAnimation它可以在多个值之间进行动画. 设置多值之间的属性为: 后面是一个数组,就是要设置的多个值. anim.values = @[]; 它还可以根据一个路径做动画. anim.path = 自己创建的路径. 2.图片抖动思路: 其实就是做一个左右旋转 ...
分类:
其他好文 时间:
2017-06-18 17:27:48
阅读次数:
174
核心动画基于QuartzCore框架,仅仅能用于CALayer,能够实现3D效果。它在子线程中运行动画,不会堵塞主线程。 要实现核心动画,主要使用CABasicAnimation实现单步动画、使用CAKeyframeAnimation实现帧动画。 动画的主要属性有duration、keyPath、v ...
分类:
其他好文 时间:
2017-05-22 12:00:35
阅读次数:
205
核心动画之CATransition转场动画 终于效果图: 核心动画之CAKeyFrameAnimation,图标抖动效果 终于效果图: 核心动画之CAAnimationGroup(动画组) 终于效果图: 核心动画之CAKeyFrameAnimationGroup(关键帧动画) 终于效果图: 核心动画 ...
分类:
移动开发 时间:
2017-05-17 20:55:47
阅读次数:
376
Core Animation 基本3种动画:基本动画CABasicAnimation、 关键帧动画CAKeyframeAnimation、 转场动画CATransition 还有就是动画组:CAAnimationGroup 一、基本动画CABasicAnimation的使用: 二、关键帧动画CAKe ...
分类:
移动开发 时间:
2017-04-29 21:07:20
阅读次数:
257
一,核心动画常用的三种例子 view的核心动画其体现就是把view按照指定好的路径进行运动,针对的是view的整体。 [view.layer addAnimation:动画路径 forKey:@“绑定动画路径的键值”]; A,view的整体按照指定好的路径进行运动,里面的子view固定在view不动 ...
分类:
其他好文 时间:
2017-04-10 15:09:23
阅读次数:
536