JS code:
Link
Styles Scss:
Link
Hover Flip
<ul data-flip> <li flip-item> <div class="flip-card-inner"> <div class="flip-card-front"> <h3>Front Side 1</h3> </div> <div class="flip-card-back"> <h3>Back Side 1</h3> </div> </div> </li> ... </ul>
Front Side 1
Back Side 1
Front Side 2
Back Side 2
Front Side 3
Back Side 3
Click Flip
<ul data-flip data-flip-click>
Front Side 1
Back Side 1
Front Side 2
Back Side 2
Front Side 3
Back Side 3
Click Flip Only One
<ul data-flip data-flip-click data-flip-one>
Front Side 1
Back Side 1
Front Side 2
Back Side 2
Front Side 3
Back Side 3