Template:Appearing Text Effect: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 04:09, September 18, 2025

Animates text to appear with optional delay, glow, fading, position, direction, 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-serif)	String	optional
Font Size	`fontsize`	no description Default 16px	String	optional
Glow Effect	`glow`	no description Default true	Boolean	optional
Glow Color	`glowcolor`	no description Default #ccc	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`	no description Default 1 Example infinite	String	optional
Fade After Appear	`fadeout`	To fade away after appearing Default false	Boolean	optional
Fade Direction	`fadefrom`	Direction of fade: center, left (left-to-right), or right (right-to-left) Default center	String	optional
Position	`position`	no description Default center	String	optional

Wow

Oh mama

Can you believe this shit?

@@ Line 1: / Line 1: @@
-<includeonly><templatestyles src="Appearing Text Effect/styles.css"/><div class="appear-effect-wrapper"><div class="appear-effect {{yesno|{{yesno-yes|{{{fadeout|}}}}}|yes=fade-away}} {{#switch: {{{fadefrom|center}}}|left=fade-ltr|right=fade-rtl|center=fade-center}} position-{{{position|{{{align|center}}}}}}" style="
+<includeonly><templatestyles src="Appearing Text Effect/styles.css"/><div class="appear-effect {{yesno|{{yesno-no|{{{fadeout|}}}}}|yes=fade-away}} fade-{{{fadefrom|center}}} position-{{{position|{{{align|center}}}}}}" style="
   animation-duration: {{{speed|2s}}};
   animation-delay: {{{delay|0s}}};
@@ Line 6: / Line 6: @@
   font-size: {{{fontsize|16px}}};
   color: {{{color|#ffffff}}};
-  opacity: 0;
   {{yesno|{{yesno-yes|{{{glow|}}}}}|yes=text-shadow: 0 0 6px {{{glowcolor|white}}}, 0 0 10px {{{glowcolor|#ccc}}};|text-shadow: none;}}
-">{{{text|Insert Text Here}}}</div></div></includeonly><noinclude>
+">{{{text|Insert Text Here}}}</div></includeonly><noinclude>
 <templatedata>
 {
@@ Line 35: / Line 34: @@
 		"glow": {
 			"label": "Glow Effect",
-			"type": "string",
+			"type": "boolean",
-			"default": "yes",
+			"default": "true"
-			"description": "yes or no"
 		},
 		"glowcolor": {
@@ Line 60: / Line 58: @@
 			"type": "string",
 			"default": "1",
-			"description": "e.g. 1, infinite"
+			"example": "infinite"
 		},
 		"fadeout": {
 			"label": "Fade After Appear",
-			"type": "string",
+			"type": "boolean",
-			"default": "no",
+			"default": "false",
-			"description": "yes to fade away after appearing"
+			"description": "To fade away after appearing"
 		},
 		"fadefrom": {
@@ Line 74: / Line 72: @@
 			"description": "Direction of fade: center, left (left-to-right), or right (right-to-left)"
 		},
-		"position": {}
+		"position": {
+			"label": "Position",
+			"type": "string",
+			"default": "center"
+		}
 	},
 	"description": "Animates text to appear with optional delay, glow, fading, position, direction, speed, and repeat.",