Horizontal flipping cards on CSS <div class="g-grid"> <div class="size-100"> <p class="lead"><a href="https://codepen.io/nicolamarkelov/pen/ZYYgaB" target="_blank" rel="noopener noreferrer">Tutorial/codes</a> - <a href="https://codepen.io/nicolamarkelov/full/ZYYgaB" target="_blank" rel="noopener noreferrer">Demo</a></p> </div> <div class="size-33"><strong>Author:</strong> Nicola Markelov</div> <div class="size-33"><strong>Created:</strong> OCTOBER 13, 2015</div> <div class="size-33"><strong>Made with:</strong> HTML, CSS</div> </div> <hr id="system-demo-split"> <h3>Find the Demo</h3> <p class="codepen" data-height="465" data-theme-id="0" data-slug-hash="ZYYgaB" data-default-tab="result" data-user="nicolamarkelov" data-pen-title="Flipping Cards" data-preview="true">See the Pen <a href="https://codepen.io/nicolamarkelov/pen/ZYYgaB/">Flipping Cards</a> by Nicola Markelov (<a href="https://codepen.io/nicolamarkelov">@nicolamarkelov</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async="" src="https://static.codepen.io/assets/embed/ei.js"></script>
