Just looked into implementing a card with flip side based on Bootstrap’s cards (I love cards, everything is a card in this WordPress theme). I wanted to show some more contents when the visitor hovers over a card.

Here is the repo: https://github.com/seabadger-io/blog.flipcard

Here is the demo: https://seabadger-io.github.io/blog.flipcard

I’m not really impressed how it looks on mobiles, so probably I will skip such option or only use it for desktop and use some alternative on smaller screens. Also, since I wasn’t using an additional wrapper class it can result in surprises if someone edits a card, so fine tune it before using 😉 Nevertheless, it might be useful for some, so sharing it.

Tagged with