andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update rotating-card.md

Browse Source
This commit is contained in:
Yassin Bahassane
2021-03-30 13:24:01 +01:00
parent f839446d1e
commit 28132c4e3b
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
snippets/rotating-card.md
View File

@ -5,7 +5,7 @@ tags: animation,advanced
Creates a two sided card which rotates on hover. 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`. - 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`. - Upon hover, set `rotateY` for the front side to `180deg` and backside to `0deg`.
- Set the appropriate `perspective` value to create the rotate effect. - Set the appropriate `perspective` value to create the rotate effect.