update rotating-card.md

This commit is contained in:
Yassin Bahassane
2021-03-30 13:24:01 +01:00
parent f839446d1e
commit 28132c4e3b

View File

@ -5,7 +5,7 @@ tags: animation,advanced
Creates a two sided card which rotates on hover.
- Set the the `backface-visibility` of the cards to none.
- Set the `backface-visibility` of the cards to none.
- Initially, set `rotateY` for the back side of the card to `-180deg` and the front side to `0deg`.
- Upon hover, set `rotateY` for the front side to `180deg` and backside to `0deg`.
- Set the appropriate `perspective` value to create the rotate effect.