sp-magic.de/bower_components/flip
2016-11-22 23:53:50 +01:00
..
demo flip added 2016-11-22 23:53:50 +01:00
dist flip added 2016-11-22 23:53:50 +01:00
src flip added 2016-11-22 23:53:50 +01:00
.bower.json flip added 2016-11-22 23:53:50 +01:00
.bowerrc flip added 2016-11-22 23:53:50 +01:00
.gitignore flip added 2016-11-22 23:53:50 +01:00
.jshintrc flip added 2016-11-22 23:53:50 +01:00
.travis.yml flip added 2016-11-22 23:53:50 +01:00
bower.json flip added 2016-11-22 23:53:50 +01:00
CONTRIBUTING.md flip added 2016-11-22 23:53:50 +01:00
Gruntfile.js flip added 2016-11-22 23:53:50 +01:00
LICENSE flip added 2016-11-22 23:53:50 +01:00
package.json flip added 2016-11-22 23:53:50 +01:00
README.md flip added 2016-11-22 23:53:50 +01:00

Build Status

jQuery Flip

A lightweight jQuery plugin to create 3d flip animation. See the project page

Getting Started

CDN

https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js

Download

Bower

bower install flip

Usage

In your web page:


<div id="card"> 
  <div class="front"> 
    Front content
  </div> 
  <div class="back">
    Back content
  </div> 
</div>

<script src="jquery.js"></script>
<script src="jquery.flip.js"></script>
<script>
$(function($) {
  $("#card").flip(); 
});
</script>

Documentation and Example

Please refer to the project website

Development

Ensure that you have the latest Node.js and npm installed.

Test that Grunt's CLI and Bower are installed by running grunt --version and bower --version. If the commands aren't found, run npm install -g grunt-cli bower. For more information about installing the tools, see the getting started with Grunt guide or bower.io respectively.

To run the demo locally, do the following.

npm install
bower install

And run grunt command to create files in /dist folder.

grunt

What's new

Please refer to the release page