动漫

1.动画概述 可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果。 2.语法 1.0%是动画的开始可以用from替代，100%是动画的完成可用to替代。 2.在CSS中用@keyframes中定义动画的样式，在用选择器调用animation调用动画 3.动画是是元素从一种样式逐渐变化成另一种样式的效果。可以任意改变动画节点。 @keyframes 动画名称 { 0%{ 初始状态属性 } 100%{ 结束状态属性 } } div { <!--调用动画--> animation-name:动画名称; <!--动画持续时间--> animation-duration:time; } 3.用法 @keyframes move { /* 初始状态 */ 0% { transform: translate(0, 0); } /* 结束状态 */ 100% { transform: translate(1200px, 0); } } .box1 { background-color: #f34; /* 调用动画名称 */ animation-name: move; /* 动画持续时间 */ animation-duration: 3s; } 4.多个动画序列用法 @keyframes move { /* 初始状态 */ 0% { transform: translate(0,

使用 canvas-nest.js 下载地址 ： http://www.jfinalxueyuan.com/assets/js/canvas-nest.js 放在web下的js目录 在网页body最后添加代码 <script color="255,255,255" opacity='0.3' zIndex="-1" count="110" src="/js/canvas-nest.js" type="text/javascript"></script> 刷新网页，可看到以下效果 来源： oschina 链接： https://my.oschina.net/peaksoho/blog/3223429

创建3D动画是需要用到@keyframes，要有个统一的名字。需要将animation绑定到一个选择器上面，并且animation需要匹配合适的浏览器。然后@keyframels设置动态，from~to等同于0%~100%，同理需要匹配浏览器格式。使用@keyframels设置动画时，最起码需要设置动画名称和时长两个属性，否则没有动画效果 来源： oschina 链接： https://my.oschina.net/u/4489090/blog/3223383

原文出处： wu大维 动效设计一直是iOS平台的优势，良好的动效设计可以很好地提升用户体验。而动画则是动效的基础支撑。本动画将从易到难逐步分析，从CABasicAnimation，UIBezierPath，CAShapeLayer三个方面完整的阐述iOS动画的实现。最终的效果如下： 例子来源与网络，不是我写的，我只是加上了详细的注释，方便大家理解（我只是代码的搬运工...）。这个例子是CABasicAnimation，UIBezierPath，CAShapeLayer的综合实现，如果能完全理解这个例子，相信其它的iOS动画也难不倒你了。 demo下载地址 CABasicAnimation 一、概念 这个部分你需要了解以下概念: CALayer、CAAnimation、CAAnimationGroup 1、CALayer CALayer是个与UIView很类似的概念，同样有backgroundColor、frame等相似的属性，我们可以将UIView看做一种特殊的CALayer。但实际上UIView是对CALayer封装，在CALayer的基础上再添加交互功能。UIView的显示必须依赖于CALayer。我们同样可以跟新建view一样新建一个layer，然后添加到某个已有的layer上，同样可以对layer调整大小、位置、透明度等。一般来说，layer可以有两种用途

PPT中的动画是个好东西，但是动画搞多了，难免显得花里胡哨不严肃，禁用PPT模板中的一切动画操作如下： 1、在【幻灯片放映】选项卡中，点击【设置幻灯片放映】 2、勾选【放映时不加动画】，然后【确定】 来源： https://www.cnblogs.com/lzhu/p/12636830.html

//贝塞尔曲线路径 UIBezierPath *movePath = [UIBezierPath bezierPath]; [movePath moveToPoint:CGPointMake(10.0, 10.0)]; [movePath addQuadCurveToPoint:CGPointMake(100, 300) controlPoint:CGPointMake(300, 100)]; //以下必须导入QuartzCore包 　　//关键帧动画（位置） CAKeyframeAnimation * posAnim = [CAKeyframeAnimation animationWithKeyPath:@"position"]; posAnim.path = movePath.CGPath; posAnim.removedOnCompletion = YES; //缩放动画 CABasicAnimation *scaleAnim = [CABasicAnimation animationWithKeyPath:@"transform"]; scaleAnim.fromValue = [NSValue valueWithCATransform3D:CATransform3DIdentity]; scaleAnim.toValue = [NSValue

一、理解图层与UIView的关系 1.UIView能显示在屏幕上，是因为里面有个图层，UIView的DrawRect方法，会将绘制的东西绘在图层上，当要显示的时候，将图层拷贝到屏幕上进行显示 二、CALayer的基本属性 1.尺寸(bounds) 2.背影颜色(backgroundColor) 3.位置(position) 4.边框颜色(borderColor)、边框长度(borderWidth) "配合使用才有效果" 5.圆角(cornerRadius) 6.内容对象(contents) 通常设置图片, *如果要显示圆角效果，必须设置图层的masksToBounds为YES,意思是把多余的剪切掉 7.阴影属性 *阴影颜色(shadowColor)、阴影透明度(shadowOpacity) "要配合使用才有效果" *阴影起始位置(shadowOffset) *如果图片添加了圆角并设置了剪切掉多余的部分，阴影效果不会出现 *如果又想图片有圆角效果，又想有阴影，那图片只能是本来就有圆角效果的，不用代码设置 8. transform(CATransform3D)属性 *缩放CATransform3DMakeScale *旋转CGAffineTransformMakeRotation,理解xyz方向的意思 *平移CATransform3DMakeTranslation

UIView与核心动画区别?(掌握) 1.核心动画只作用在layer. 2.核心动画看到的都是假像,它并没有去修改UIView的真实位置. 什么时候使用核心动画? 1.当不需要与用户进行交互,使用核心动画 2.当要根据路径做动画时,使用核心动画：CABasicAnimation，CAKeyFrameAnimation，两个都可以根据绘制的路径UIBizerPath来绘制路径来执行动画 3.当做转场动画时, 使用核心动画 (核心动画转场类型比较多)CATrasition或是UIView的核心动画 UIView封装的动画与CALayer动画的对比 使用UIView和CALayer都能实现动画效果，但是在真实的开发中，一般还是主要使用UIView封装的动画，而很少使用CALayer的动画。 CALayer核心动画与UIView动画的区别： UIView封装的动画执行完毕之后不会反弹。即如果是通过CALayer核心动画改变layer的位置状态，表面上看虽然已经改变了，但是实际上它的位置是没有改变的。 来源： https://www.cnblogs.com/dannygao/p/7088349.html

/*--> */ /*--> */ 11.UIView与核心动画对比? 1.UIView和核心动画区别? 核心动画只能添加到CALayer 核心动画一切都是假象，并不会改变真实的值。 2.什么时候使用UIView的动画? 如果需要与用户交互就使用UIView的动画. 不需要与用户交互可以使用核心动画 3.什么场景使用核心动画最多? 在转场动画中，核心动画的类型比较多 根据一个路径做动画，只能用核心动画（帧动画） 动画组：同时做多个动画 来源： https://www.cnblogs.com/zhoudaquan/p/5054882.html

一、转场动画简单介绍 CAAnimation的子类，用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果。iOS比Mac OS X的转场动画效果少一点 UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果 属性解析: type：动画过渡类型 subtype：动画过渡方向 startProgress：动画起点(在整体动画的百分比) endProgress：动画终点(在整体动画的百分比) 二、转场动画代码示例 1.界面搭建 2.实现代码 1 // 2 // YYViewController.m 3 // 13-转场动画 4 // 5 // Created by apple on 14-6-21. 6 // Copyright (c) 2014年 itcase. All rights reserved. 7 // 8 9 #import "YYViewController.h" 10 11 @interface YYViewController () 12 @property(nonatomic,assign) int index; 13 @property (weak, nonatomic) IBOutlet UIImageView *iconView; 14 15 - (IBAction)preOnClick: