paip.关于动画特效原理 html js 框架总结
2.1. Property effects 动态改变一个或多个目标对象的属性 (Animate、Fade, Resize, and AnimateColor) 4
2.2. Transform effects 缩入、旋转和位置的改变 .(Move, Rotate, and Scale)
4
2.3. Pixel-shader effects 主要是针对图片象素着色的动态效果 (CrossFade and Wipe) 4
2.5. 3D effects 3D 特效(Move3D、Rotate3D、Scale3D)
4
3.4. AnimateColor AnimateColor 效果 5
3.5. AnimateFilter Animate Filter 5
3.8. AnimateTransitionShader两个位图过渡 5
3.19. .effect() 对一个元素应用动画特效。 6
3.24. Fade Fade 效果设置组件的 alpha 属性的动画。 7
3.27. 突出特效(Highlight Effect) 7
3.31. Move Move 效果按 x 和 y 方向移动目标对象。
8
3.32. Move3D Move3D 类在 x、y 和 z 维度上移动目标对象。
8
3.33. RemoveAction RemoveAction 类可定义与视图状态定义的 RemoveChild 属性对应的动作效果。 8
3.34. Resize Resize 效果在指定的时间间隔更改组件的宽度或高度,或同时更改这两者。 8
3.35. Rotate Rotate 效果在 x, y 平面中围绕转换中心旋转目标对象。 8
3.36. Rotate3D Rotate3D 类在三维方向上围绕 x、y 或 z 轴旋转目标对象。
8
3.50. Scale:这是FLex 4里新提出的效果(Flex 3里有个类似的Zoom效果)
10
3.51. Scale Scale 效果围绕转换中心在 x 和 y 方向上缩放目标对象。
10
3.52. Scale3D Scale3D 类在三维方向上围绕转换中心缩放目标对象。 10
3.53. SetAction SetAction 类可定义用于设置已命名属性或样式的值的动作效果。 10
3.55. .toggle() 使用自定义效果来显示或隐藏匹配的元素。 特效核心(Effects Core) | 方法重载(Method Overrides) | 方法(Method)
10
3.57. WipeDirection WipeDirection 类定义 Wipe 类的 direction 属性的值。
11
3.58. (WipeLeft, WipeRight, WipeUp, WipeDown) :擦拭 11
3.59. 转移特效(Transfer Effect) 把一个元素的轮廓转移到另一个元素。 11
3.61. Wipe Wipe 效果通过在第一个和第二个位图之间运行定向划出来执行位图过渡效 11
5.2. creationCompleteEffect :创建完成 12
5.4. focusOutEffect :失去键盘输入 12
5.5. hideEffect :visable属性设置为false 12
5.11. rollOutEffect :鼠标移到控件外 12
5.12. rollOverEffect :鼠标移到控件上 12
5.13. showEffect :visable属性设置为true 12
1. 动画框架的来源:flex,jqueryui,jsanim
jQueryUI KendoUI Bootstrap Foundation
http://raphaeljs.com/easing.html
作者 老哇的爪子 Attilax 艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
2. 特效的分类
类型 功能描述
2.1. Property effects 动态改变一个或多个目标对象的属性 (Animate、Fade, Resize, and AnimateColor)
2.2. Transform effects 缩入、旋转和位置的改变 .(Move, Rotate, and Scale)
2.3. Pixel-shader effects 主要是针对图片象素着色的动态效果 (CrossFade and Wipe)
2.4. Filter effects 过滤器效果(BevelFilter、BlurFilter 、ColorMatrixFilter、ConvolutionFilter、DisplacementMapFilter、DropShadowFilter、GlowFilter、GradientBevelFilter、GradientFilter、GradientGlowFilter、ShaderFilter)
2.5. 3D effects 3D 特效(Move3D、Rotate3D、Scale3D)
3. 特效总结
3.1. http://help.adobe.com/zh_CN/AS3LCR/Flex_4.0/
http://help.adobe.com/zh_CN/FlashPlatform/reference/actionscript/3/spark/effects/package-detail.html
jQuery UI API 类别 – 特效 _ w3cschool菜鸟教程.htm
10 个顶级 JavaScript 动画框架推荐 – Web前端 – ITeye资讯.htm
10 个顶级 JavaScript 动画框架推荐 – Web前端 – ITeye资讯.htm