I have created a Layout Manager in Angular which can take in Components and then Display it in View and add animations to it while each component is shown in View and Goes out of view .
At a single instance of time either one panel or max of two panels can be shown in view .
This is the Stackblitz link to the Same the problem with this is the transitions are not smooth and also it does appear as streamlined as it should be the design is as follows .
Now what i am trying to achieve is when the app is loaded 1-2 are shown by default but as i change the panels the transitions change like for eg
1-3 as 2 is moving out of view it should slide left and easeout and 3 should should in and ease out. and then if from 1-3 we go to 2-3 1 should ease out to the right and 2 should slide in .
Also the panels can take some percentages(33 %, 66% or 100% ) of the screen width .
I am not sure if i am able to explain it properly I have been stuck on this for weeks with transitions if anyone can help it will be awesome. Thanks
from Transitions in Angular
No comments:
Post a Comment