Template:Metallic Shine Effect: Difference between revisions

Content deleted Content added

Inline

Latest revision as of 03:45, April 17, 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

KINGDOM HEARTS!!!!! FILL ME WITH THE POWER OF DARKNESS.......SUPREME DAAAAARRRRKKKKKNEESSSS~

@@ 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 12: / Line 18: @@
     {{#ifeq: {{{glow|yes}}}|yes|
       text-shadow:
-0 {{{glowintensity|6px}}} {{{glowcolor|#ffffff}}},
+0 {{{shineintensity|6px}}} {{{shinecolor|#ffffff}}},
-0 calc({{{glowintensity|6px}}} * 2) {{{glowcolor|#cccccc}}};
+0 calc({{{shineintensity|6px}}} * 2) {{{shinecolor|#cccccc}}};
       |text-shadow: none;}}
   "
@@ 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": "Glow Effect",
+      "label": "Enable Shine Glow",
       "type": "string",
       "default": "yes",
       "description": "yes or no"
     },
-    "glowcolor": {
+    "shineintensity": {
-      "label": "Glow Color",
+      "label": "Shine Intensity",
-      "type": "string",
-      "default": "#cccccc",
-      "description": "Color of the glow if enabled"
-    },
-    "glowintensity": {
-      "label": "Glow Intensity",
       "type": "string",
       "default": "6px",
-      "description": "How strong the glow appears (e.g. 4px, 10px)"
+      "description": "How strong the shine glow appears (e.g. 4px, 10px)"
     },
     "duration": {
@@ Line 89: / Line 89: @@
     }
   },
-  "description": "Applies an animated metallic shine effect to inline text with options for glow color, intensity, size, font, 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>
+{{Metallic Shine Effect|shinecolor=Blue|duration=5s|text=KINGDOM HEARTS!!!!! FILL ME WITH THE POWER OF DARKNESS.......SUPREME DAAAAARRRRKKKKKNEESSSS~}}
-{{Metallic Shine Effect
- |text=Shiny shiny shine
- |align=center
- |size=28px
- |font=var(--font-family-citizen-serif)
- |color=#111
- |glow=yes
- |glowcolor=#ffffff
- |glowintensity=10px
- |duration=1.5s
- |delay=0s
- |repeat=infinite
-}}
-{{Metallic Shine Effect
- |text=Shiny shiny shine
- |align=left
- |size=32px
- |font=var(--font-family-citizen-base)
- |color=#000
- |glow=yes
- |glowcolor=#ff69b4
- |glowintensity=12px
- |duration=2.5s
- |delay=0.5s
- |repeat=infinite
-}}
-{{Metallic Shine Effect
- |text=Shiny shiny shine
- |align=right
- |size=30px
- |font='JetBrains Mono', monospace
- |color=#002244
- |glow=yes
- |glowcolor=#00e5ff
- |glowintensity=8px
- |duration=3s
- |delay=0.2s
- |repeat=infinite
-}}
 </noinclude>