Jump to content
Search Community

Child elements behave strangely in Flip animation.

singlexyz
Moderator Tag

Go to solution Solved by singlexyz,

Recommended Posts

Posted

 

After toggle .expand, both the parent and child elements have different states.

I added a Flip animation to both of them at the same time, and added spin: 1 to the child element.

 

The animation on the child elements is weird.

 

The code animation below is working as expected, but there is no spin animation for the .icon element.

const state = Flip.getState('.card, .icon')
card.classList.toggle('expand')
Flip.from(state)

See the Pen zYQGwaN by nayuxuohz (@nayuxuohz) on CodePen.

  • Solution
Posted

I figure out, it's the CSS problem. ?

  • Like 2

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...