> For the complete documentation index, see [llms.txt](https://docs.stixgames.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.stixgames.com/text-animations/typewriting/built-in-text-appearance-vanishing-animations.md). # Built-in Text Appearance / Vanishing Animations


Tag: `<fade-in>`	Parameters: `d`	fade-in.gif
Tag: `<fade-out>`	Parameters: `d`	fade-out.gif
Tag: `<offset-in>`	Parameters: `d`, `x`, `y`	offset-in.gif
Tag: `<offset-out>`	Parameters: `d`, `x`, `y`	offset-out.gif
Tag: `<random-in>`	Parameters: `a`, `d`	random-in.gif
Tag: `<random-out>`	Parameters: `a`, `d`	random-out.gif
Tag: `<size-in>`	Parameters: `a`, `d`	size-in.gif
Tag: `<size-out>`	Parameters: `a`, `d`	size-out.gif
Custom Animations	Parameters: `a`, `d`	custom-in.gif
Custom Animations	Parameters: `a`, `d`	custom-out.gif

### Parameter Types

Name	Description
`a`	Amplitude, the strength of an effect. A higher amplitude creates a stronger effect. For example, the distance a letter moves in `random-in` or `random-out` or the target font size (in percent) for `size-in` and `size-out`.
`d`	Duration, the time in seconds until the text has fully faded in or out.
`x`	X Offset, the amount of horizontal offset.
`y`	Y Offset, the amount of vertical offset.

## Changing text appearance / vanishing speed The speed at which text is appearing and vanishing can be changed in the [Text Animation Settings](/text-animations/text-animation-settings.md). Make sure you've added your text animation settings object to your animated text element in UI builder, or the settings will not be applied to your element. There is also a special control tag (``) for speeding up or slowing down text dynamically, more in [Typewriter Control Tags](/text-animations/typewriting/typewriter-control-tags.md). ## Examples

Code	Explanation
`Example <fade-in>text</fade-in>!`	The word text uses the Fade in text appearance animation. If the Text Animation Settings have default animations, the fade-in is layered on top of them. If the settings has Fallback Animations set up, the fade-in replaces them.
`<fade-in><fade-out>Example text`	It's not necessary to close the tags at the end, if you want to change text appearance / vanishing animations for the whole text.
`<fade-in>Example <size-in a=2>text</size-in></fade-in>`	It's possible to layer different kinds of animations.

## Performance cost The type and amount of animations you use should not significantly impact performance. Most of the performance cost is up-front when you set your text and is mostly dependent on the length of your text. Check out the [Performance Optimization Guide](/text-animations/performance-optimization-guide.md) for more information. *** Check out [Custom Animations](/text-animations/animations/custom-animations.md) and [Custom C# Animations](/text-animations/c-extensions/custom-c-animations.md) if you want to extend the asset with your own animations. Is an important animation missing? Or maybe an animation tag doesn't support a parameter you'd like to use? Contact me via the [contact form](https://stixgames.com/contact/), or join my [Discord](https://discord.gg/jvBFhQA) and I'll try my best to help you!