Sunday, March 19, 2023
HomeCSSjavascript - Can framer-motion concurrently stimulate a 3D turning and also a...

javascript – Can framer-motion concurrently stimulate a 3D turning and also a design adjustment?


I’m attempting to make use of Activity v10.6.0 to stimulate “turning and also dealing a card” at the exact same time. I’m making use of a motion.div that alters moms and dads with a repaired layoutId It must stimulate altering moms and dads and also revolving in 3D ( rotateY) at the exact same time. By themselves, these 2 procedures act as anticipated, however after a design adjustment, the 3D turning is not computer animated. 2D turning and also translation act as anticipated and also stimulate along with the format adjustment.

Edit musing-johnson-jyrpf1

I recreated what I am attempting right here. When carrying out Adjustment Moms And Dads + Revolve 2D + Convert, all computer animations play appropriately – the div rotates around 180 levels and also “lands” in its brand-new moms and dad with a countered. Revolve 3D by itself additionally plays appropriately and also stimulates a “flip”. When carrying out Adjustment Moms And Dads + Revolve 3D, I anticipate to see comparable outcomes. Rather, the turning is used promptly.

I have actually additionally attempted making use of different first props, such as omitting it and also matching the animate prop.

RELATED ARTICLES

Most Popular

Recent Comments