Streaming live at 10am (PST)

Card flip - child perspective inconsistency


#1

I was just messing around testing a card flip animation and I noticed something weird seems to be going on with the children perspective. There are 6 cards here and they are all exactly the same (and populated via a collection). The children perspective is set on the body - but when I test this I can only see the perspective effect being applied to the top row:

http://randocard.webflow.io

https://preview.webflow.com/preview/randocard?preview=7fdb3e5fdc0dd628425106ddfe0d4f5f

Does anyone know why that might be? Do you see the same thing? Is this a bug perhaps, or am I doing something wrong?

EDIT: This seems to be related to the ‘wrap children’ function that I’ve applied to the flexbox containing the cards as when I remove this so that they’re all on one row the perspective returns.


#2

You should apply the Parent Perspective to the Section div, not the Body.

I applied 1024px on the Section div and it worked on all cards:


#3

Hmm thanks but that still doesn’t appear to work for me :disappointed:

It’s currently published with it on the section div and still behaving the same way. I tried it on all the other surrounding divs too.


#4

Oh it actually is working now… confused, thanks!


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.