Ant Motion Ant Motion 能做什么 ?动效 Demo动效语言动效组件首页的解决方案Develop 动效语言& React 框架动效解决方案

程序名称:Ant Motion Ant Motion 能做什么 ?动效 Demo动效语言动效组件首页的解决方案Develop

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

Ant Motion Ant Motion 能做什么 ?动效 Demo动效语言动效组件首页的解决方案Develop 介绍

Ant Motion 是从蚂蚁金服的 Ant Design
中提炼出来的动效语言。它不仅仅是动效语言,同时也是一套 React
框架动效解决方案,提供了单项,组合动画,以及整套解决方案,帮助开发者更容易的在项目中使用动效。

Ant Motion 能做什么 ?

通过 React 标签,以简单的配置即可完成想要的动画,可以快速的实现不同组合的动画效果,更好的提高你的工作效率。

动效 Demo

anim);

>> 查看更多;

动效语言

Ant Motion
在界面里主要是来加强体验舒适度、描述层级关系、增加界面活力、反馈与意向等功能性的动效。详情查看

动效组件

这是个对单个元素标签做动效的组件,可以执行所有样式动画,包括 transform3d,模糊等效果,还可以完成贝塞尔曲线动画,具体参数请参见
API

对单个元素根据状态进行动画显示隐藏,需结合 css 或其它第三方动画类一起使用;具体参数请参见
API

通过简单的配置对一组元素添加串行的进场动画效果。具体参数请参见 API

anim)

通过简单的配置,对页面里的元素添加随滚动条滚动的动画。具体参数请参见 API

切换效果组件](http://motion.ant.design/components/banner-anim)

通过简单的配置, 就能让你的 banner 动起来。 具体参数请参见 API

首页的解决方案

这是以 Ant Motion 的 React 组件遵从 Ant Design 的视觉规范来完成的 demo 页面,可灵活又快速的配置出你想要的首页模板。

主要提供了单元素示例与配置完后的整页示例。

生成首页在 dva-cli 里运行的例子

>> 查看详细;

Develop

npm install
npm start

访问 http://127.0.0.1:8111

Ant Motion Ant Motion 能做什么 ?动效 Demo动效语言动效组件首页的解决方案Develop 官网

http://motion.ant.design/

相关编程语言

Acapela TTS 是一个为 iPhone 和 iPad 开发的 TTS 引...
二维码(QR Code)扫描静态库,扫描效率较高。
RegexKitLite 是一个轻量级的 Objective-C 的正则表...
一款基于ASIHttpReques开源的仿迅雷多线程断点续传功...
实现动态检测网络(wifi)状况,不需要用户手动刷新...
使用iphoneSDK官方NSXMLParserDelegate做的简单xml解...