Is there a way to combine this idea with navigation (for example Angular Router) to give an effect of expanding "into" a detail page where its smoke and mirrors where the navigation is just delayed until the animation is complete?
Nice concept! What if ".expanded-card" class has "transform" property? If I want to animate element size or position using 'scale' or 'transitionX', can I use flip method?
Nice video! What If want to get data when expanded from an API o maybe open a Modal component from that clicked card event. Just wondering Thanks for the video!
A really noob question but I've been struggling with this for awhile now. I'm following your video and when i updated my scss file, it shows the style change in the inspector, but it isn't applying the change. I see that you're using a .css file instead of a scss file, am I doing something wrong?
I have an example with the reverse animation working here: www.joshmorony.com/advanced-card-transition-with-the-ionic-animations-api/ - you can't just reverse the existing animation, you have to create a new animation using the same concept in reverse
Is there a way to combine this idea with navigation (for example Angular Router) to give an effect of expanding "into" a detail page where its smoke and mirrors where the navigation is just delayed until the animation is complete?
You might be interested in checkout out shared element transitions: www.joshmorony.com/creating-a-shared-element-transition-animation-in-ionic/
@@JoshuaMorony Haha I knew I remember you had a tutorial about that but couldn't find it after 30 min of looking. Thank you!
Simply amazing, Josh!
very cool animation and video, thanks Joshua!
Nice concept! What if ".expanded-card" class has "transform" property? If I want to animate element size or position using 'scale' or 'transitionX', can I use flip method?
Nice video! What If want to get data when expanded from an API o maybe open a Modal component from that clicked card event.
Just wondering
Thanks for the video!
A really noob question but I've been struggling with this for awhile now. I'm following your video and when i updated my scss file, it shows the style change in the inspector, but it isn't applying the change. I see that you're using a .css file instead of a scss file, am I doing something wrong?
Hello
please help me to program an introl page to display underline for new users
Great video!
*Top Content. *you deserve more subscribers 😎
didnt find it in ur website ?
but it in ur website i cant wait man , u are smart to be anust
morony dose it work if was a picture tabing ?
Why are you wearing purple during the video? :(
Although a nice cantrip, the example is useless. Removing a positioned class jitters the element ruining the reverse animation.
I have an example with the reverse animation working here: www.joshmorony.com/advanced-card-transition-with-the-ionic-animations-api/ - you can't just reverse the existing animation, you have to create a new animation using the same concept in reverse