mayankbpatel

<div id="cat_daddy_example" data-flipr-container data-flip-on-hover>
  <div data-flipr-front> Cat Daddy </div>
  <div data-flipr-back> YouTube Video Goes Here </div>
</div>

mayankbpatel

<button data-flip-on-click="#bicycle_ghost_card">Click to Flip</button>

mayankbpatel

$(document).ready(function() {
  var flipr = new Flipr.Effect();
  flipr.applyTo('body');
});

mayankbpatel

<div id="bicycle_ghost_card" data-flipr-container>
  <div id="bicycle_card_front" data-flipr-front></div>
  <div id="bicycle_card_back"  data-flipr-back></div>
</div>