Template:Appearing Text Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 15:45, April 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`	yes or no Default yes	String	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`	e.g. 1, infinite Default 1	String	optional
Fade After Appear	`fadeout`	yes to fade away after appearing Default no	String	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	Unknown	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
-appear-{{{align|center}}}
 position-{{{position|center}}}
 "><div class="
@@ Line 20: / Line 19: @@
 <templatedata>
 {
-  "params": {
+	"params": {
-    "text": {
+		"text": {
-      "label": "Text",
+			"label": "Text",
-      "type": "string",
+			"type": "string",
-      "default": "Insert Text Here",
+			"default": "Insert Text Here",
-      "description": "The content that appears"
+			"description": "The content that appears"
-    },
+		},
-    "color": {
+		"color": {
-      "label": "Text Color",
+			"label": "Text Color",
-      "type": "string",
+			"type": "string",
-      "default": "#ffffff"
+			"default": "#ffffff"
-    },
+		},
-    "font": {
+		"font": {
-      "label": "Font Family",
+			"label": "Font Family",
-      "type": "string",
+			"type": "string",
-      "default": "var(--font-family-serif)"
+			"default": "var(--font-family-serif)"
-    },
+		},
-    "fontsize": {
+		"fontsize": {
-      "label": "Font Size",
+			"label": "Font Size",
-      "type": "string",
+			"type": "string",
-      "default": "16px"
+			"default": "16px"
-    },
+		},
-    "glow": {
+		"glow": {
-      "label": "Glow Effect",
+			"label": "Glow Effect",
-      "type": "string",
+			"type": "string",
-      "default": "yes",
+			"default": "yes",
-      "description": "yes or no"
+			"description": "yes or no"
-    },
+		},
-    "glowcolor": {
+		"glowcolor": {
-      "label": "Glow Color",
+			"label": "Glow Color",
-      "type": "string",
+			"type": "string",
-      "default": "#ccc"
+			"default": "#ccc"
-    },
+		},
-    "align": {
+		"speed": {
-      "label": "Text Alignment",
+			"label": "Animation Speed",
-      "type": "string",
+			"type": "string",
-      "default": "center",
+			"default": "2s",
-      "description": "left, center, right"
+			"description": "How fast the appearance animation runs"
-    },
+		},
-    "speed": {
+		"delay": {
-      "label": "Animation Speed",
+			"label": "Delay",
-      "type": "string",
+			"type": "string",
-      "default": "2s",
+			"default": "0s",
-      "description": "How fast the appearance animation runs"
+			"description": "Time before animation starts"
-    },
+		},
-    "delay": {
+		"repeat": {
-      "label": "Delay",
+			"label": "Repeat Count",
-      "type": "string",
+			"type": "string",
-      "default": "0s",
+			"default": "1",
-      "description": "Time before animation starts"
+			"description": "e.g. 1, infinite"
-    },
+		},
-    "repeat": {
+		"fadeout": {
-      "label": "Repeat Count",
+			"label": "Fade After Appear",
-      "type": "string",
+			"type": "string",
-      "default": "1",
+			"default": "no",
-      "description": "e.g. 1, infinite"
+			"description": "yes to fade away after appearing"
-    },
+		},
-    "fadeout": {
+		"fadefrom": {
-      "label": "Fade After Appear",
+			"label": "Fade Direction",
-      "type": "string",
+			"type": "string",
-      "default": "no",
+			"default": "center",
-      "description": "yes to fade away after appearing"
+			"description": "Direction of fade: center, left (left-to-right), or right (right-to-left)"
-    },
+		},
-    "fadefrom": {
+		"position": {}
+	},
-      "label": "Fade Direction",
+	"description": "Animates text to appear with optional delay, glow, fading, position, direction, speed, and repeat.",
-      "type": "string",
-      "default": "center",
+	"format": "inline"
-      "description": "Direction of fade: center, left (left-to-right), or right (right-to-left)"
-    }
-  },
-  "description": "Animates text to appear with optional delay, glow, fading, position, direction, speed, and repeat.",
-  "format": "inline"
 }
 </templatedata>