1、对于不支持渐变的浏览器,可以添加浏览器前缀来适应渐变效果 浏览器前缀: Firefox :-moz- Chrome & Safari :-webkit- Opera : -o- IE : -ms- 2、如果浏览器不支持属性的话,前缀则加载属性名称前 ex: animation : css3中做动 ...
分类:
其他好文 时间:
2017-06-19 00:36:45
阅读次数:
264
.rotation { -webkit-animation-name: rotation; -webkit-animation-duration: 30s; -moz-animation-name: rotation; -moz-animation-duration: 30s; }... ...
分类:
Web程序 时间:
2017-06-18 18:14:39
阅读次数:
274
1.帧动画介绍: CAKeyframeAnimation它可以在多个值之间进行动画. 设置多值之间的属性为: 后面是一个数组,就是要设置的多个值. anim.values = @[]; 它还可以根据一个路径做动画. anim.path = 自己创建的路径. 2.图片抖动思路: 其实就是做一个左右旋转 ...
分类:
其他好文 时间:
2017-06-18 17:27:48
阅读次数:
174
可以同时执行多个动画. 创建组动画 CAAnimationGroup *group = [CAAnimationGroup animation]; 平移 CABasicAnimation *anim = [CABasicAnimation animation]; anim.keyPath = @"p ...
分类:
其他好文 时间:
2017-06-18 17:25:18
阅读次数:
170
1.什么是转场动画? 就是从一个场景转换到另一个场景,像导航控制器的push效果,就是一个转场. 2.如何创建转场动画 创建转场动画 CATransition *anim = [CATransition animation]; 设置转场类型 anim.type = @"cube"; anim.dur ...
分类:
其他好文 时间:
2017-06-18 17:23:38
阅读次数:
134
思路:就是让一张图片做一个放大缩放小的动画. 代码实现: CABasicAnimation *anim =[CABasicAnimation animation]; 设置缩放属性 anim.keyPath = @"transform.scale"; 缩放到最小 anim.toValue = @0; ...
分类:
其他好文 时间:
2017-06-18 16:49:33
阅读次数:
195
核心动画之作用在层上面. 动画的本质是改图层的某一个属性. CABasicAnimation *anim = [CABasicAnimation animation]; 图层有那些属性,这里才能写那些属性. anim.keyPath = @"transform.scale"; anim.toValu ...
分类:
其他好文 时间:
2017-06-18 16:47:17
阅读次数:
159
重点: 获取绘制图形 Layer CAShapeLayer *shapeLayer = [CAShapeLayer layer]; 一、绘制火柴人 二、绘制特殊矩形(三个圆角,一个直角) 二、柱形图 ...
分类:
移动开发 时间:
2017-06-17 21:41:41
阅读次数:
333
在android开发。我们会常常使用到缩放动画,普通情况下缩放动画有两种实现方式。一种是直接通过java代码去实现,第二种是通过配置文件实现动画,以下是两种动画的基本是用法: Java代码实现: //创建缩放动画对象 Animation animation = new ScaleAnimation( ...
分类:
移动开发 时间:
2017-06-17 15:10:56
阅读次数:
146