Template:TextAnimations: Difference between revisions

Latest revision as of 11:52, 18 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`	no description	String	required
Text Color	`Color`	Uses html color names or hex codes. Example https://www.w3schools.com/tags/ref_colornames.asp	String	optional
Background Color	`Background`	Uses html color names or hex codes. Example https://www.w3schools.com/tags/ref_colornames.asp	String	optional
Glow Effect	`Glow`	Adds a bright outer glow based on the text color. Default 0 Auto value `1`	Boolean	optional
Shadow Effect	`Shadow`	Adds a soft drop shadow to the text. Default 0 Auto value `1`	Boolean	optional
Wavy Animation	`Wavy`	Makes a wave go through the text, up and down. Default 0 Auto value `1`	Boolean	optional
Rainbow Animation	`Rainbow`	Makes the colors of the rainbow run through the text. Default 0 Auto value `1`	Boolean	optional
Pulse Animation	`Pulse`	Makes the text pulse dimmer and brighter in a loop. Default 0 Auto value `1`	Boolean	optional
Wiggle Animation	`Jolt`	Makes all letters wiggle. Default 0 Auto value `1`	Boolean	optional
Bold	`Bold`	Makes text bold, to be used in combination with other effects as you can't style these templated texts normally. Default 0 Auto value `1`	Boolean	optional
Italic	`Italic`	Makes text italic, to be used in combination with other effects as you can't style these templated texts normally. Default 0 Auto value `1`	Boolean	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:{{{Glow|}}}}}|1|true|yes=force-glow}} {{#switch:{{lc:{{{Shadow|}}}}}|1|true|yes=force-shadow}} {{#switch:{{lc:{{{Pulse|}}}}}|1|true|yes=pulse}} {{#switch:{{lc:{{{Jolt|}}}}}|1|true|yes=jolt}} {{#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>
 {
@@ Line 5: / Line 5: @@
 		"Text": {
 			"label": "Text",
-			"description": "The text you want to animate.",
 			"type": "string",
-			"required": true,
+			"required": true
-			"suggested": true
 		},
 		"Wavy": {
 			"label": "Wavy Animation",
-			"description": "Enable the vertical wave effect.",
 			"type": "boolean",
+			"autovalue": "1",
+			"default": "0",
+			"description": "Makes a wave go through the text, up and down."
+		},
+		"Rainbow": {
+			"label": "Rainbow Animation",
+			"type": "boolean",
+			"autovalue": "1",
+			"default": "0",
+			"description": "Makes the colors of the rainbow run through the text."
+		},
+		"Glow": {
+			"label": "Glow Effect",
+			"description": "Adds a bright outer glow based on the text color.",
+			"type": "boolean",
+			"autovalue": "1",
+			"default": "0"
+		},
+		"Shadow": {
+			"label": "Shadow Effect",
+			"description": "Adds a soft drop shadow to the text.",
+			"type": "boolean",
+			"autovalue": "1",
+			"default": "0"
+		},
+		"Pulse": {
+			"label": "Pulse Animation",
+			"description": "Makes the text pulse dimmer and brighter in a loop.",
+			"type": "boolean",
+			"autovalue": "1",
 			"default": "0"
 		},
-		"Rainbow": {
+		"Jolt": {
-			"label": "Rainbow Effect",
+			"label": "Wiggle Animation",
-			"description": "Enable the shifting rainbow color effect.",
+			"description": "Makes all letters wiggle.",
 			"type": "boolean",
+			"autovalue": "1",
 			"default": "0"
 		},
 		"Bold": {
 			"label": "Bold",
-			"description": "Force the animated text to be bold.",
 			"type": "boolean",
-			"default": "0"
+			"autovalue": "1",
+			"default": "0",
+			"description": "Makes text bold, to be used in combination with other effects as you can't style these templated texts normally."
 		},
 		"Italic": {
 			"label": "Italic",
-			"description": "Force the animated text to be italicized.",
 			"type": "boolean",
-			"default": "0"
+			"autovalue": "1",
+			"default": "0",
+			"description": "Makes text italic, to be used in combination with other effects as you can't style these templated texts normally."
+		},
+		"Color": {
+			"label": "Text Color",
+			"type": "string",
+			"description": "Uses html color names or hex codes.",
+			"example": "https://www.w3schools.com/tags/ref_colornames.asp"
+		},
+		"Background": {
+			"label": "Background Color",
+			"type": "string",
+			"description": "Uses html color names or hex codes.",
+			"example": "https://www.w3schools.com/tags/ref_colornames.asp"
 		}
 	},
 	"description": "Displays text with various animations and color effects.",
-	"format": "inline"
+	"format": "inline",
+	"paramOrder": [
+		"Text",
+		"Color",
+		"Background",
+		"Glow",
+		"Shadow",
+		"Wavy",
+		"Rainbow",
+		"Pulse",
+		"Jolt",
+		"Bold",
+		"Italic"
+	]
 }
 </templatedata>
 </noinclude>