# Interface: ShowWithDissolveTransitionProps (/jsdoc/pixi-vn/index/interfaces/ShowWithDissolveTransitionProps) Defined in: [src/canvas/interfaces/transition-props.ts:16](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/transition-props.ts#L16) Extends [#extends] * `BaseTransitionProps`.`AnimationOptions` Properties [#properties] aliasToRemoveAfter? [#aliastoremoveafter] \> `optional` **aliasToRemoveAfter?**: `string` | `string`\[] Defined in: [src/canvas/tickers/types/CommonTickerProps.ts:7](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/tickers/types/CommonTickerProps.ts#L7) The alias to remove after the effect is done Default [#default] ```ts [] ``` Inherited from [#inherited-from] `AnimationOptions.aliasToRemoveAfter` *** autoplay? [#autoplay] \> `optional` **autoplay?**: `boolean` Defined in: node\_modules/motion-dom/dist/index.d.ts:2212 Inherited from [#inherited-from-1] `AnimationOptions.autoplay` *** bounce? [#bounce] \> `optional` **bounce?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2035 `bounce` determines the "bounciness" of a spring animation. `0` is no bounce, and `1` is extremely bouncy. If `duration` is set, this defaults to `0.25`. Note: `bounce` and `duration` will be overridden if `stiffness`, `damping` or `mass` are set. Inherited from [#inherited-from-2] `AnimationOptions.bounce` *** bounceDamping? [#bouncedamping] \> `optional` **bounceDamping?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2109 If `min` or `max` is set, this affects the damping of the bounce spring. If set to `0`, spring will oscillate indefinitely. Set to `10` by default. Inherited from [#inherited-from-3] `AnimationOptions.bounceDamping` *** bounceStiffness? [#bouncestiffness] \> `optional` **bounceStiffness?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2101 If `min` or `max` is set, this affects the stiffness of the bounce spring. Higher values will create more sudden movement. Set to `500` by default. Inherited from [#inherited-from-4] `AnimationOptions.bounceStiffness` *** completeOnContinue? [#completeoncontinue] \> `optional` **completeOnContinue?**: `boolean` Defined in: [src/canvas/interfaces/transition-props.ts:13](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/transition-props.ts#L13) If true, the transition will be completed before the next step. For example, if the transition is a dissolve transition, the "alpha" of the texture will be 1 before the next step. Default [#default-1] ```ts true ``` Inherited from [#inherited-from-5] `BaseTransitionProps.completeOnContinue` *** damping? [#damping] \> `optional` **damping?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2055 Strength of opposing force. If set to 0, spring will oscillate indefinitely. Set to `10` by default. Default [#default-2] ```ts 10 @public ``` Inherited from [#inherited-from-6] `AnimationOptions.damping` *** delay? [#delay] \> `optional` **delay?**: `number` | `DynamicOption`\<`number`> Defined in: node\_modules/motion-dom/dist/index.d.ts:2343 Inherited from [#inherited-from-7] `AnimationOptions.delay` *** delayChildren? [#delaychildren] \> `optional` **delayChildren?**: `number` | `DynamicOption`\<`number`> Defined in: node\_modules/motion-dom/dist/index.d.ts:2151 When using variants, children animations will start after this duration (in seconds). You can add the `transition` property to both the `motion.div` and the `variant` directly. Adding it to the `variant` generally offers more flexibility, as it allows you to customize the delay per visual state. Inherited from [#inherited-from-8] `AnimationOptions.delayChildren` *** driver? [#driver] \> `optional` **driver?**: `Driver` Defined in: node\_modules/motion-dom/dist/index.d.ts:2197 Inherited from [#inherited-from-9] `AnimationOptions.driver` *** duration? [#duration] \> `optional` **duration?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2211 The duration of the tween animation. Set to `0.3` by default, 0r `0.8` if animating a series of keyframes. Inherited from [#inherited-from-10] `AnimationOptions.duration` *** ease? [#ease] \> `optional` **ease?**: `Easing` | `Easing`\[] Defined in: node\_modules/motion-dom/dist/index.d.ts:2182 Inherited from [#inherited-from-11] `AnimationOptions.ease` *** elapsed? [#elapsed] \> `optional` **elapsed?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2196 The duration of time already elapsed in the animation. Set to `0` by default. Inherited from [#inherited-from-12] `AnimationOptions.elapsed` *** ~~forceCompleteBeforeNext?~~ [#forcecompletebeforenext] \> `optional` **forceCompleteBeforeNext?**: `boolean` Defined in: [src/canvas/interfaces/transition-props.ts:7](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/interfaces/transition-props.ts#L7) Deprecated [#deprecated] Use [completeOnContinue](/jsdoc/pixi-vn/index/interfaces/ShakeEffectProps#completeoncontinue) instead. Inherited from [#inherited-from-13] `BaseTransitionProps.forceCompleteBeforeNext` *** from? [#from] \> `optional` **from?**: `any` Defined in: node\_modules/motion-dom/dist/index.d.ts:2214 Inherited from [#inherited-from-14] `AnimationOptions.from` *** inherit? [#inherit] \> `optional` **inherit?**: `boolean` Defined in: node\_modules/motion-dom/dist/index.d.ts:2221 If true, this transition will shallow-merge with its parent transition instead of replacing it. Inner keys win. Inherited from [#inherited-from-15] `AnimationOptions.inherit` *** isSync? [#issync] \> `optional` **isSync?**: `boolean` Defined in: node\_modules/motion-dom/dist/index.d.ts:1955 Inherited from [#inherited-from-16] `AnimationOptions.isSync` *** mass? [#mass] \> `optional` **mass?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2064 Mass of the moving object. Higher values will result in more lethargic movement. Set to `1` by default. Default [#default-3] ```ts 1 @public ``` Inherited from [#inherited-from-17] `AnimationOptions.mass` *** max? [#max] \> `optional` **max?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2121 Maximum constraint. If set, the value will "bump" against this value (or immediately snap to it, if the initial animation value exceeds this value). Inherited from [#inherited-from-18] `AnimationOptions.max` *** min? [#min] \> `optional` **min?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2115 Minimum constraint. If set, the value will "bump" against this value (or immediately spring to it if the animation starts as less than this value). Inherited from [#inherited-from-19] `AnimationOptions.min` *** modifyTarget? [#modifytarget] \> `optional` **modifyTarget?**: (`v`) => `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2091 A function that receives the automatically-calculated target and returns a new one. Useful for snapping the target to a grid. Parameters [#parameters] v [#v] `number` Returns [#returns] `number` Inherited from [#inherited-from-20] `AnimationOptions.modifyTarget` *** path? [#path] \> `optional` **path?**: `MotionPath` | `MotionPath` & `ValueTransition` Defined in: node\_modules/motion-dom/dist/index.d.ts:2240 The path the element travels between its old and new x/y positions. Slot in a path factory (e.g. `arc()`) to swap the default straight-line interpolation for something curved. Can be used in keyframe animations (`transition.path`) and layout animations (`transition.layout.path`), including with `useAnimate`. Inherited from [#inherited-from-21] `AnimationOptions.path` *** power? [#power] \> `optional` **power?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2078 A higher power value equals a further target. Set to `0.8` by default. Inherited from [#inherited-from-22] `AnimationOptions.power` *** reduceMotion? [#reducemotion] \> `optional` **reduceMotion?**: `boolean` Defined in: node\_modules/motion-dom/dist/index.d.ts:2353 Whether to reduce motion for transform/layout animations. * `true`: Skip transform/layout animations (instant transition) * `false`: Always animate transforms/layout * `undefined`: Use device preference (default behavior) Inherited from [#inherited-from-23] `AnimationOptions.reduceMotion` *** repeat? [#repeat] \> `optional` **repeat?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:1966 The number of times to repeat the transition. Set to `Infinity` for perpetual repeating. Without setting `repeatType`, this will loop the animation. Inherited from [#inherited-from-24] `AnimationOptions.repeat` *** repeatDelay? [#repeatdelay] \> `optional` **repeatDelay?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:1985 When repeating an animation, `repeatDelay` will set the duration of the time to wait, in seconds, between each repetition. Inherited from [#inherited-from-25] `AnimationOptions.repeatDelay` *** repeatType? [#repeattype] \> `optional` **repeatType?**: `RepeatType` Defined in: node\_modules/motion-dom/dist/index.d.ts:1978 How to repeat the animation. This can be either: "loop": Repeats the animation from the start "reverse": Alternates between forward and backwards playback "mirror": Switches `from` and `to` alternately Inherited from [#inherited-from-26] `AnimationOptions.repeatType` *** restDelta? [#restdelta] \> `optional` **restDelta?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2003 End animation if distance is below this value and speed is below `restSpeed`. When animation ends, spring gets "snapped" to. Set to `0.01` by default. Inherited from [#inherited-from-27] `AnimationOptions.restDelta` *** restSpeed? [#restspeed] \> `optional` **restSpeed?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:1995 End animation if absolute speed (in units per second) drops below this value and delta is smaller than `restDelta`. Set to `0.01` by default. Inherited from [#inherited-from-28] `AnimationOptions.restSpeed` *** skipAnimations? [#skipanimations] \> `optional` **skipAnimations?**: `boolean` Defined in: node\_modules/motion-dom/dist/index.d.ts:2229 If true, the animation skips straight to its final value instead of tweening. Used by `MotionConfig`'s `skipAnimations` to opt entire subtrees out of animation (e.g. for E2E screenshot stability). Inherited from [#inherited-from-29] `AnimationOptions.skipAnimations` *** ~~staggerChildren?~~ [#staggerchildren] \> `optional` **staggerChildren?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2164 When using variants, animations of child components can be staggered by this duration (in seconds). For instance, if `staggerChildren` is `0.01`, the first child will be delayed by `0` seconds, the second by `0.01`, the third by `0.02` and so on. The calculated stagger delay will be added to `delayChildren`. Deprecated [#deprecated-1] * Use `delayChildren: stagger(interval)` instead. Inherited from [#inherited-from-30] `AnimationOptions.staggerChildren` *** ~~staggerDirection?~~ [#staggerdirection] \> `optional` **staggerDirection?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2173 The direction in which to stagger children. A value of `1` staggers from the first to the last while `-1` staggers from the last to the first. Deprecated [#deprecated-2] * Use `delayChildren: stagger(interval, { from: "last" })` instead. Inherited from [#inherited-from-31] `AnimationOptions.staggerDirection` *** startTime? [#starttime] \> `optional` **startTime?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2213 Inherited from [#inherited-from-32] `AnimationOptions.startTime` *** stiffness? [#stiffness] \> `optional` **stiffness?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2046 Stiffness of the spring. Higher values will create more sudden movement. Set to `100` by default. Default [#default-4] ```ts 100 @public ``` Inherited from [#inherited-from-33] `AnimationOptions.stiffness` *** tickerAliasToResume? [#tickeraliastoresume] \> `optional` **tickerAliasToResume?**: `string` | `string`\[] Defined in: [src/canvas/tickers/types/CommonTickerProps.ts:17](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/tickers/types/CommonTickerProps.ts#L17) The alias to resume after the effect is done Default [#default-5] ```ts [] ``` Inherited from [#inherited-from-34] `AnimationOptions.tickerAliasToResume` *** tickerIdToResume? [#tickeridtoresume] \> `optional` **tickerIdToResume?**: `string` | `string`\[] Defined in: [src/canvas/tickers/types/CommonTickerProps.ts:22](https://github.com/DRincs-Productions/pixi-vn/blob/998c1a75c5978f24c0dc137af5f42b90b2803967/src/canvas/tickers/types/CommonTickerProps.ts#L22) The id of the ticker to resume after the effect is done Default [#default-6] ```ts [] ``` Inherited from [#inherited-from-35] `AnimationOptions.tickerIdToResume` *** timeConstant? [#timeconstant] \> `optional` **timeConstant?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2085 Adjusting the time constant will change the duration of the deceleration, thereby affecting its feel. Set to `700` by default. Inherited from [#inherited-from-36] `AnimationOptions.timeConstant` *** times? [#times] \> `optional` **times?**: `number`\[] Defined in: node\_modules/motion-dom/dist/index.d.ts:2183 Inherited from [#inherited-from-37] `AnimationOptions.times` *** type? [#type] \> `optional` **type?**: `AnimationGeneratorType` Defined in: node\_modules/motion-dom/dist/index.d.ts:2205 Type of animation to use. * "tween": Duration-based animation with ease curve * "spring": Physics or duration-based spring animation * false: Use an instant animation Inherited from [#inherited-from-38] `AnimationOptions.type` *** velocity? [#velocity] \> `optional` **velocity?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:1988 Inherited from [#inherited-from-39] `AnimationOptions.velocity` *** visualDuration? [#visualduration] \> `optional` **visualDuration?**: `number` Defined in: node\_modules/motion-dom/dist/index.d.ts:2023 If visualDuration is set, this will override duration. The visual duration is a time, set in seconds, that the animation will take to visually appear to reach its target. In other words, the bulk of the transition will occur before this time, and the "bouncy bit" will mostly happen after. This makes it easier to edit a spring, as well as visually coordinate it with other time-based animations. Inherited from [#inherited-from-40] `AnimationOptions.visualDuration` *** when? [#when] \> `optional` **when?**: `string` | `false` Defined in: node\_modules/motion-dom/dist/index.d.ts:2142 Describes the relationship between the transition and its children. Set to `false` by default. Remarks [#remarks] When using variants, the transition can be scheduled in relation to its children with either `"beforeChildren"` to finish this transition before starting children transitions, `"afterChildren"` to finish children transitions before starting this transition. Inherited from [#inherited-from-41] `AnimationOptions.when`