Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:Metallic Shine Effect: Difference between revisions

Template page
Content deleted Content added
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
Line 1: Line 1:
<includeonly>
<includeonly>
<templatestyles src="Metallic Shine/styles.css" />
<templatestyles src="Metallic Shine Effect/styles.css" />
<span
<span
class="metallic-shine-text shiny-{{{align|center}}}"
class="metallic-shine-text shiny-{{{align|center}}}"

Revision as of 15:12, April 16, 2025


Applies an animated metallic shine effect to inline text with options for shine shadow color and intensity, font, size, color, duration, delay, and repeat.

Template parameters[Edit template data]

This template prefers inline formatting of parameters.

ParameterDescriptionTypeStatus
Texttext

no description

Default
Shiny Text
Stringoptional
Text Alignmentalign

left, center, or right

Default
center
Stringoptional
Font Sizesize

Font size (e.g. 24px)

Default
24px
Stringoptional
Font Familyfont

Font to use for the text

Default
var(--font-family-citizen-serif)
Stringoptional
Text Colorcolor

Color of the base text (transparent recommended for full shine)

Default
transparent
Stringoptional
Enable Shine Shadowglow

yes or no

Default
yes
Stringoptional
Shine Colorshinecolor

Color of the shine if enabled

Default
#cccccc
Stringoptional
Shine Intensityshineintensity

How strong the shine glow appears (e.g. 4px, 10px)

Default
6px
Stringoptional
Animation Durationduration

Time for one full shine cycle

Default
2s
Stringoptional
Animation Delaydelay

Delay before the shine animation starts

Default
0s
Stringoptional
Repeat Countrepeat

Number of times the animation should repeat (e.g. 1, infinite)

Default
infinite
Stringoptional

daaamn