Template:Metallic Shine Effect: Difference between revisions

Content deleted Content added

Inline

Revision as of 15:29, April 16, 2025

Applies an animated metallic shine effect to inline text, with customizable shine color, glow intensity, font, and animation settings. Fully compatible with MediaWiki.

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
Shine Color	`shinecolor`	Color used in the animated shine effect Default #aaa	String	optional
Enable Shine Glow	`glow`	yes or no Default yes	String	optional
Shine Intensity	`shineintensity`	How strong the shine glow appears (e.g. 4px, 10px) Default 6px	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 1: / Line 1: @@
 <includeonly>
-<templatestyles src="Metallic Shine Effect/styles.css" />
+<templatestyles src="Metallic Shine/styles.css" />
 <span
   class="metallic-shine-text shiny-{{{align|center}}}"
@@ Line 6: / Line 6: @@
     font-size: {{{size|24px}}};
     font-family: {{{font|var(--font-family-citizen-serif)}}};
-    color: {{{color|transparent}}};
+    color: transparent;
+    background-image: linear-gradient(
+      to right,
+      {{{shinecolor|#aaa}}} 20%,
+      #fff 40%,
+      {{{shinecolor|#aaa}}} 60%
+    );
     animation-duration: {{{duration|2s}}};
     animation-delay: {{{delay|0s}}};
@@ Line 46: / Line 52: @@
       "description": "Font to use for the text"
     },
-    "color": {
+    "shinecolor": {
-      "label": "Text Color",
+      "label": "Shine Color",
       "type": "string",
-      "default": "transparent",
+      "default": "#aaa",
-      "description": "Color of the base text (transparent recommended for full shine)"
+      "description": "Color used in the animated shine effect"
     },
     "glow": {
-      "label": "Enable Shine Shadow",
+      "label": "Enable Shine Glow",
       "type": "string",
       "default": "yes",
       "description": "yes or no"
-    },
-    "shinecolor": {
-      "label": "Shine Color",
-      "type": "string",
-      "default": "#cccccc",
-      "description": "Color of the shine if enabled"
     },
     "shineintensity": {
@@ Line 89: / Line 89: @@
     }
   },
-  "description": "Applies an animated metallic shine effect to inline text with options for shine shadow color and intensity, font, size, color, duration, delay, and repeat.",
+  "description": "Applies an animated metallic shine effect to inline text, with customizable shine color, glow intensity, font, and animation settings. Fully compatible with MediaWiki.",
   "format": "inline"
 }
 </templatedata>
 </noinclude>