motion-ui

2018-07-11 admin

motion-ui是什么

什么是motion-ui,Sass library for creating transitions and animations.

motion-ui介绍、motion-ui使用

Motion UI

Install | Demo | Documentation | Releases


Build StatusCDNJSdependencies StatusdevDependencies Status

<g-emoji class=“g-emoji” alias=“gem” fallback-src=“https://assets-cdn.github.com/images/icons/emoji/unicode/1f48e.png”>💎</g-emoji>The powerful Sass library for creating CSS transitions and animations. Originally integrated into Foundation for Apps, the code is now a standalone library, used by Foundation for Sites and Foundation for Apps. Made by your friends at ZURB.

Installation

Install Motion UI with npm or Bower.

npm install motion-ui --save
bower install motion-ui --save

Then to build with Sass (Autoprefixer is required):

// Add the load path "[modules_folder]/motion-ui/src" to your Sass configuration
@import 'motion-ui';

@include motion-ui-transitions;
@include motion-ui-animations;

Or to get the equivalent pre-compiled classes, import the Motion UI standalone CSS file dist/motion-ui.css or dist/motion-ui.min.css.

To easily transition elements in and out using Motion UI classes, import the Motion UI JavaScript library dist/motion-ui.js or dist/motion-ui.min.js.

See full installation instructions

Demos

View live demos on the ZURB Playground.

Documentation

View the documentation here.

Develop Locally

git clone https://github.com/zurb/motion-ui
cd motion-ui
npm install

  • Run npm start to compile test Sass/JS files, and to build the documentation. To make changes to the documentation, edit the files under docs/src.
  • Run npm test to run the unit tests.
  • Run npm start dist to compile distribution files.
你可能感兴趣的文章:

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-35765.html

文章标题:motion-ui

回到顶部