Template:Appearing Text Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 02:02, April 15, 2025

Animates text to appear with optional delay, glow, fading, position, speed, and repeat.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Text	`text`	The content that appears Default Insert Text Here	String	optional
Text Color	`color`	no description Default #ffffff	String	optional
Font Family	`font`	no description Default var(--font-family-citizen-serif)	String	optional
Font Size	`fontsize`	no description Default 16px	String	optional
Glow Effect	`glow`	yes or no Default yes	String	optional
Glow Color	`glowcolor`	no description Default #ccc	String	optional
Text Alignment	`align`	left, center, right Default center	String	optional
Screen Position	`position`	e.g. top: 10px; left: 100px; Default top: 0;	String	optional
Animation Speed	`speed`	How fast the appearance animation runs Default 2s	String	optional
Delay	`delay`	Time before animation starts Default 0s	String	optional
Repeat Count	`repeat`	e.g. 1, infinite Default 1	String	optional
Fade After Appear	`fadeout`	yes to fade away after appearing Default no	String	optional

@@ Line 1: / Line 1: @@
 <includeonly>
 <templatestyles src="Appearing Text Effect/styles.css" />
-<div class="appear-effect-wrapper appear-{{{align|center}}}" style="{{{position|top: 0;}}}">
+<span class="appear-effect-wrapper appear-{{{align|center}}}" style="{{{position|top: 0;}}}">
 <span
     class="appear-effect {{#ifeq: {{{fadeout|yes}}}|yes|fade-away}}"
@@ Line 12: / Line 12: @@
       color: {{{color|#ffffff}}};
       opacity: 0;
-      {{#ifeq: {{{glow|yes}}} | yes | text-shadow: 0 0 6px {{{glowcolor|white}}}, 0 0 10px {{{glowcolor|#ccc}}}; | text-shadow: none;}}
+      {{#ifeq: {{{glow|yes}}}|yes|text-shadow: 0 0 6px {{{glowcolor|white}}}, 0 0 10px {{{glowcolor|#ccc}}};|text-shadow: none;}}
     "
   >{{{text|Insert Text Here}}}</span>
-</div>
+</span>
 </includeonly>
 <noinclude>
 <templatedata>
@@ Line 94: / Line 95: @@
 }
 </templatedata>
-{{Appearing Text Effect
- | text=Are you seeing this?
- | speed=4s
- | delay=1s
- | fadeout=yes
- | repeat=infinite
- | font=Cinzel
- | fontsize=20px
- | color=#DF0049
- | glow=yes
- | glowcolor=#DF0049
-}}
 </noinclude>