Template:Spoiler: Difference between revisions

From Tears of Themis Wiki
imported>Elaeagnifolia
(Created page with "<noinclude>{{doc}}Category:Templates</noinclude><includeonly>{{#css: .spoiler { filter: blur(20px); transition-property: -webkit-filter; transition-duration: .4s; } .sp...")
 
imported>Elaeagnifolia
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude>{{doc}}[[Category:Templates]]</noinclude><includeonly>{{#css:
<noinclude>{{doc}}[[Category:Templates]]</noinclude><includeonly>{{#if:{{{text|}}} | <div class="spoiler-text">{{{text|}}}</div> }}{{#if:{{{image|}}} | [[File:{{{image|}}}|{{{size|300px|}}}|class=spoiler-img|link=]] }}</includeonly>
.spoiler {
filter: blur(20px);
transition-property: -webkit-filter;
transition-duration: .4s;
}
.spoiler:hover, .spoiler:focus {
filter: blur(0px);
}
}}<div class="spoiler">{{{1|}}}</div></includeonly>

Latest revision as of 04:28, 15 May 2021

Template-info.png Documentation

Description[edit source]

Template that blurs content and unblurs on hover. Used for spoiler content.

If you want an collapsible section instead, use
{{#spoiler: }}

Usage[edit source]

{{Spoiler|text=}}
{{Spoiler|image=}}

Example[edit source]

{{Spoiler|text=Test Text}}
Test Text
{{Spoiler|image=AP icon.png|size=26px}}

AP icon.png