|
|
|
|
32
|
customTransition: {
|
32
|
customTransition: {
|
33
|
animations: [
|
33
|
animations: [
|
34
|
{ type: 'sharedElement', fromId: 'title2', toId: 'title1', startDelay: 0, springVelocity: 0.2, duration: 0.5 },
|
34
|
{ type: 'sharedElement', fromId: 'title2', toId: 'title1', startDelay: 0, springVelocity: 0.2, duration: 0.5 },
|
35
|
- { type: 'sharedElement', toId: 'image1', fromId: 'customDestinationImage', startDelay: 0, springVelocity: 0.2, duration: 0.5 },
|
|
|
36
|
- { type: 'sharedElement', toId: 'image2', fromId: 'customDestinationImage2', startDelay: 0, duration: 0.8 },
|
|
|
37
|
- { fromId: 'image4', x: { from: 50}, y: { from: 50}, startAlpha: 0, startDelay: 0, duration: 0.8, springVelocity: 0.5 },
|
|
|
38
|
- { fromId: 'customDestinationParagraph', y: { to: 50}, x: { to: 50}, endAlpha: 0, startAlpha: 1, startDelay: 0, duration: 0.8 }
|
|
|
|
|
35
|
+ { type: 'sharedElement', toId: 'image1', fromId: 'customDestinationImage', startDelay: 0, springVelocity: 0.2, duration: 0.5 },
|
|
|
36
|
+ { type: 'sharedElement', toId: 'image2', fromId: 'customDestinationImage2', startDelay: 0, duration: 0.8 },
|
|
|
37
|
+ { fromId: 'image4', x: { from: 50 }, y: { from: 50 }, startAlpha: 0, startDelay: 0, duration: 0.8, springVelocity: 0.5 },
|
|
|
38
|
+ { fromId: 'customDestinationParagraph', y: { to: 50 }, x: { to: 50 }, endAlpha: 0, startAlpha: 1, startDelay: 0, duration: 0.8 }
|
39
|
],
|
39
|
],
|
40
|
duration: 0.8
|
40
|
duration: 0.8
|
41
|
}
|
41
|
}
|