Template:Metallic Shine Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 14:26, April 16, 2025

Applies an animated metallic shine effect to inline text with optional glow, font, size, color, alignment, duration, delay, and repeat settings.

Template parameters[Edit template data]
This template prefers inline formatting of parameters.
Parameter		Description	Type	Status
Text	`text`	no description Default Shiny Text	String	optional
Text Alignment	`align`	left, center, or right Default center	String	optional
Font Size	`size`	Font size (e.g. 24px) Default 24px	String	optional
Font Family	`font`	Font to use for the text Default var(--font-family-citizen-serif)	String	optional
Text Color	`color`	Color of the base text (transparent recommended for full shine) Default transparent	String	optional
Glow Effect	`glow`	yes or no Default yes	String	optional
Glow Color	`glowcolor`	Color of the glow if enabled Default #ccc	String	optional
Animation Duration	`duration`	Time for one full shine cycle Default 2s	String	optional
Animation Delay	`delay`	Delay before the shine animation starts Default 0s	String	optional
Repeat Count	`repeat`	Number of times the animation should repeat (e.g. 1, infinite) Default infinite	String	optional

@@ Line 5: / Line 5: @@
   style="
     font-size: {{{size|24px}}};
+    font-family: {{{font|var(--font-family-citizen-serif)}}};
+    color: {{{color|transparent}}};
     animation-duration: {{{duration|2s}}};
     animation-delay: {{{delay|0s}}};
@@ Line 33: / Line 35: @@
       "default": "24px",
       "description": "Font size (e.g. 24px)"
+    },
+    "font": {
+      "label": "Font Family",
+      "type": "string",
+      "default": "var(--font-family-citizen-serif)",
+      "description": "Font to use for the text"
+    },
+    "color": {
+      "label": "Text Color",
+      "type": "string",
+      "default": "transparent",
+      "description": "Color of the base text (transparent recommended for full shine)"
     },
     "glow": {
@@ Line 65: / Line 79: @@
     }
   },
-  "description": "Applies an animated metallic shine effect to inline text with optional glow, alignment, size, duration, delay, and repeat.",
+  "description": "Applies an animated metallic shine effect to inline text with optional glow, font, size, color, alignment, duration, delay, and repeat settings.",
   "format": "inline"
 }