# Flipping card animation

**URL:** https://forum.readymag.com/t/flipping-card-animation/1191
**Category:** Custom code
**Created:** [February 6, 2023, 10:51pm UTC](https://forum.readymag.com/t/flipping-card-animation/1191 "2023-02-06T22:51:39Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Elizaveta](https://avatars.discourse-cdn.com/v4/letter/e/65b543/32.png) [@Elizaveta](https://forum.readymag.com/u/Elizaveta)
#### Post date: [February 6, 2023, 10:51pm UTC](https://forum.readymag.com/t/flipping-card-animation/1191/1 "2023-02-06T22:51:39Z")

</div>

Hi!  
I have to make a card that flips around itself and reveals the back side with links to other pages.  
I understand how to make it on click animation with opacity. But the client wants exactly flipping way for it. So maybe some CSS might help? Is it possible to do on readymag?

---

<div class="post-metadata">

### Author: ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)
#### Post date: [February 15, 2023, 1:53pm UTC](https://forum.readymag.com/t/flipping-card-animation/1191/2 "2023-02-15T13:53:55Z")

</div>

This is possible, yes, but only with custom code:  
You could implement and change something like this to your desire:  
https://codepen.io/Priyamaheshwari/embed/preview/dyOxNXw?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=dyOxNXw