angular-flip directive
AngularJS directive that allows to achieve 3D card flip effect.
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
