flip

WebJar for flip

License	MIT
GroupId	org.webjars.bower
ArtifactId	flip
Last Version	1.0.16
Release Date	Sep 8, 2015
Type	jar
Description	flip WebJar for flip
Project URL	http://webjars.org
Source Code Management	https://github.com/nnattawat/flip

Download flip

Filename	Size
flip-1.0.16.pom
flip-1.0.16.jar	22 KB
flip-1.0.16-sources.jar	22 bytes
flip-1.0.16-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/flip/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>flip</artifactId>
    <version>1.0.16</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/flip/
implementation 'org.webjars.bower:flip:1.0.16'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/flip/
implementation ("org.webjars.bower:flip:1.0.16")

Apache Buildr

'org.webjars.bower:flip:jar:1.0.16'

Apache Ivy

<dependency org="org.webjars.bower" name="flip" rev="1.0.16">
  <artifact name="flip" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='flip', version='1.0.16')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "flip" % "1.0.16"

Leiningen

[org.webjars.bower/flip "1.0.16"]

Dependencies

compile (1)

Group / Artifact	Type	Version
org.webjars.bower : jquery	jar	[2.1.1,2.2)

Project Modules

There are no modules declared in this project.

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

• [jquery.flip.js][max] (development version, commented ~9kB)
• [jquery.flip.min.js][min] (production version, minified ~4kB, gzipped ~2kB)
• [jquery.flip.min.js.map][map] (source map, ~5kB) [max]: https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.js [min]: https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js [map]: https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js.map

Bower

bower install flip

NPM

npm install nnattawat/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

Versions

Version
1.0.16 Sep 8, 2015