Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Appearing Text Effect: Difference between revisions

Template page
Content deleted Content added
No edit summary
Tags: Reverted 2017 source edit
No edit summary
Tags: Reverted 2017 source edit
Line 4: Line 4:


<!-- Per-letter effect -->
<!-- Per-letter effect -->
{{#ifeq: {{{lettereffect|no}}}|yes|
{{yesno|{{yesno-no|{{{lettereffect}}}}}|yes=aaaa}}
<span class="appear-effect letter-effect
<span class="appear-effect letter-effect
{{#ifeq: {{{fadeout|no}}}|yes|fade-away}}
{{#ifeq: {{{fadeout|no}}}|yes|fade-away}}
{{#switch: {{{fadefrom|center}}}
{{#switch: {{{fadefrom|center}}}

Revision as of 07:06, April 16, 2025


Animates text to appear with optional delay, glow, directional fade, fading out, per-letter animation, and repeat control.

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Texttext

The content that appears

Default
Insert Text Here
Stringoptional
Text Colorcolor

no description

Default
#ffffff
Stringoptional
Font Familyfont

no description

Default
var(--font-family-citizen-serif)
Stringoptional
Font Sizefontsize

no description

Default
16px
Stringoptional
Glow Effectglow

yes or no

Default
yes
Stringoptional
Glow Colorglowcolor

no description

Default
#ccc
Stringoptional
Text Alignmentalign

left, center, right

Default
center
Stringoptional
Screen Positionposition

e.g. top: 10px; left: 100px;

Default
top: 0;
Stringoptional
Animation Speedspeed

How fast the appearance animation runs

Default
2s
Stringoptional
Delaydelay

Time before animation starts

Default
0s
Stringoptional
Repeat Countrepeat

e.g. 1, infinite

Default
1
Stringoptional
Fade After Appearfadeout

yes to fade away after appearing

Default
no
Stringoptional
Fade Directionfadefrom

Direction of fade: center, left (left-to-right), or right (right-to-left)

Default
center
Stringoptional
Per-letter Animationlettereffect

yes to animate each letter individually

Default
no
Stringoptional
Letter Delayletterdelay

Time in seconds between letters appearing (only if per-letter enabled)

Default
0.05
Stringoptional

aaaa

   Script error: The function "split" does not exist.
 

|

 In short: Amaranth Legacy is a community of worldbuilders, writers, and storytellers, all brought together to share writings, artwork, and ideas. We have a decade-long history, with 56 users and 3,255 pages on this website.

}}