Skip to content

Latest commit

 

History

History
38 lines (32 loc) · 925 Bytes

README.md

File metadata and controls

38 lines (32 loc) · 925 Bytes
Raw

#angular-flip directive

AngularJS directive that allows to achieve 3D card flip effect.

Demo

##Quick start

Load angular-flip.css and angular-flip.js into your html:

<link rel="stylesheet" href="/path/to/angular-flip.css" />
<script src="/path/to/angular-flip.js"></script>

Inject angular-flip into your application module:

var app = angular.module('MyApp', ['angular-flip']);

Have fun:

<!-- Vertical flip -->
<flip flip-toggle>
    <flip-front>Visible content goes there</flip-front>
    <flip-back>The other side</flip-back>
</flip>
<!-- Horizontal flip -->
<flip flip-toggle horizontal>
    <flip-front>Visible content goes there</flip-front>
    <flip-back>The other side</flip-back>
</flip>

##License

angular-flip uses the MIT license