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:{{{Glow|}}}}}|1|true|yes=force-glow}} {{#switch:{{lc:{{{Shadow|}}}}}|1|true|yes=force-shadow}} {{#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>
+<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>
 {
-    "params": {
+	"params": {
-        "Text": {
+		"Text": {
-            "label": "Text",
+			"label": "Text",
-            "type": "string",
+			"type": "string",
-            "required": true
+			"required": true
-        },
+		},
-        "Wavy": {
+		"Wavy": {
-            "label": "Wavy Animation",
+			"label": "Wavy Animation",
-            "type": "boolean",
+			"type": "boolean",
-            "autovalue": "1",
+			"autovalue": "1",
-            "default": "0"
+			"default": "0",
-         },
+			"description": "Makes a wave go through the text, up and down."
-        "Rainbow": {
+		},
-            "label": "Rainbow Effect",
+		"Rainbow": {
-            "type": "boolean",
+			"label": "Rainbow Animation",
-            "autovalue": "1",
+			"type": "boolean",
-            "default": "0"
+			"autovalue": "1",
-        },
+			"default": "0",
-        "Glow": {
+			"description": "Makes the colors of the rainbow run through the text."
-            "label": "Glow Effect",
+		},
-            "description": "Adds a bright outer glow based on the text color.",
+		"Glow": {
-            "type": "boolean",
+			"label": "Glow Effect",
-            "autovalue": "1",
+			"description": "Adds a bright outer glow based on the text color.",
-            "default": "0"
+			"type": "boolean",
-        },
+			"autovalue": "1",
-        "Shadow": {
+			"default": "0"
-            "label": "Shadow Effect",
+		},
-            "description": "Adds a soft drop shadow to the text.",
+		"Shadow": {
-            "type": "boolean",
+			"label": "Shadow Effect",
-            "autovalue": "1",
+			"description": "Adds a soft drop shadow to the text.",
-            "default": "0"
+			"type": "boolean",
-        },
+			"autovalue": "1",
-        "Bold": {
+			"default": "0"
-            "label": "Bold",
+		},
-            "type": "boolean",
+		"Pulse": {
-            "autovalue": "1",
+			"label": "Pulse Animation",
-            "default": "0"
+			"description": "Makes the text pulse dimmer and brighter in a loop.",
-        },
+			"type": "boolean",
-        "Italic": {
+			"autovalue": "1",
-            "label": "Italic",
+			"default": "0"
-            "type": "boolean",
+		},
-            "autovalue": "1",
+		"Jolt": {
-            "default": "0"
+			"label": "Wiggle Animation",
-        },
+			"description": "Makes all letters wiggle.",
-        "Color": {
+			"type": "boolean",
-            "label": "Text Color",
+			"autovalue": "1",
-            "type": "string"
+			"default": "0"
-        },
+		},
-        "Background": {
+		"Bold": {
-            "label": "Background Color",
+			"label": "Bold",
-            "type": "string"
+			"type": "boolean",
-        }
+			"autovalue": "1",
-    },
+			"default": "0",
-    "description": "Displays text with various animations and color effects.",
+			"description": "Makes text bold, to be used in combination with other effects as you can't style these templated texts normally."
-    "format": "inline"
+		},
+		"Italic": {
+			"label": "Italic",
+			"type": "boolean",
+			"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",
+	"paramOrder": [
+		"Text",
+		"Color",
+		"Background",
+		"Glow",
+		"Shadow",
+		"Wavy",
+		"Rainbow",
+		"Pulse",
+		"Jolt",
+		"Bold",
+		"Italic"
+	]
 }
 </templatedata>
 </noinclude>