Template:TextAnimations: Difference between revisions

Revision as of 15:59, 16 March 2026

Displays text with various animations and color effects.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Text	`Text`	The text you want to animate.	String	required
Wavy Animation	`Wavy`	Enable the vertical wave effect. Default 1	Boolean	optional
Rainbow Effect	`Rainbow`	Enable the shifting rainbow color effect. Default 1	Boolean	optional
Bold	`Bold`	Force the animated text to be bold. Default 1	Boolean	optional
Italic	`Italic`	Force the animated text to be italicized. Default 1	Boolean	optional
Text Color	`Color`	Static text color (e.g., 'red', '#ff0000'). Overridden by Rainbow effect.	String	optional
Background Color	`Background`	Background color for the text span (e.g., 'yellow', 'rgba(0,0,0,0.1)').	String	optional

@@ Line 1: / Line 1: @@
-<templatestyles src="TextAnimations/styles.css" /><span class="text-animation-container {{#switch:{{lc:{{{Wavy|}}}}}|1|true|yes=wavy}} {{#switch:{{lc:{{{Rainbow|}}}}}|1|true|yes=rainbow}} {{#switch:{{lc:{{{Bold|}}}}}|1|true|yes=force-bold}} {{#switch:{{lc:{{{Italic|}}}}}|1|true|yes=force-italic}}">{{{Text|}}}</span><noinclude>
+<templatestyles src="TextAnimations/styles.css" /><span class="text-animation-container {{#switch:{{lc:{{{Wavy|}}}}}|1|true|yes=wavy}} {{#switch:{{lc:{{{Rainbow|}}}}}|1|true|yes=rainbow}} {{#switch:{{lc:{{{Bold|}}}}}|1|true|yes=force-bold}} {{#switch:{{lc:{{{Italic|}}}}}|1|true|yes=force-italic}}" style="{{#if:{{{Color|}}}|color: {{{Color|}}};}} {{#if:{{{Background|}}}|background-color: {{{Background|}}};}}">{{{Text|}}}</span><noinclude>
 <templatedata>
 {
-	"params": {
+    "params": {
-		"Text": {
+        "Text": {
-			"label": "Text",
+            "label": "Text",
-			"description": "The text you want to animate.",
+            "description": "The text you want to animate.",
-			"type": "string",
+            "type": "string",
-			"required": true,
+            "required": true,
-			"suggested": true
+            "suggested": true
-		},
+        },
-		"Wavy": {
+        "Wavy": {
-			"label": "Wavy Animation",
+            "label": "Wavy Animation",
-			"description": "Enable the vertical wave effect.",
+            "description": "Enable the vertical wave effect.",
-			"type": "boolean",
+            "type": "boolean",
-			"default": "0"
+            "default": "1"
-		},
+        },
-		"Rainbow": {
+        "Rainbow": {
-			"label": "Rainbow Effect",
+            "label": "Rainbow Effect",
-			"description": "Enable the shifting rainbow color effect.",
+            "description": "Enable the shifting rainbow color effect.",
-			"type": "boolean",
+            "type": "boolean",
-			"default": "0"
+            "default": "1"
-		},
+        },
-		"Bold": {
+        "Bold": {
-			"label": "Bold",
+            "label": "Bold",
-			"description": "Force the animated text to be bold.",
+            "description": "Force the animated text to be bold.",
-			"type": "boolean",
+            "type": "boolean",
-			"default": "0"
+            "default": "1"
-		},
+        },
-		"Italic": {
+        "Italic": {
-			"label": "Italic",
+            "label": "Italic",
-			"description": "Force the animated text to be italicized.",
+            "description": "Force the animated text to be italicized.",
-			"type": "boolean",
+            "type": "boolean",
-			"default": "0"
+            "default": "1"
-		}
+        },
-	},
+        "Color": {
-	"description": "Displays text with various animations and color effects.",
+            "label": "Text Color",
-	"format": "inline"
+            "description": "Static text color (e.g., 'red', '#ff0000'). Overridden by Rainbow effect.",
+            "type": "string"
+        },
+        "Background": {
+            "label": "Background Color",
+            "description": "Background color for the text span (e.g., 'yellow', 'rgba(0,0,0,0.1)').",
+            "type": "string"
+        }
+    },
+    "description": "Displays text with various animations and color effects.",
+    "format": "inline"
 }
 </templatedata>
 </noinclude>