Template:FlashyCSS: Difference between revisions

Latest revision as of 22:58, 15 August 2025

Template documentation (for the above template, sometimes hidden or invisible)

Description: This template contains the CSS to make icons wrapped in <span class="flashy"> </span> flashing. It needs to be included once on any page where class="flashy" is used.

Sample

{{FlashyCSS}}
<span class="flashy">[[Image:ColorTag-StarRed9.gif|9px]]</span>

gives...

@@ Line 1: / Line 1: @@
 {{#css:
 @keyframes flashy { 50% { opacity: 0; } }
-@-webkit-keyframes flashy { 50% { opacity: 0; } }
-@-moz-keyframes flashy { 50% { opacity: 0; } }
-@-o-keyframes flashy { 50% { opacity: 0; } }
 .flashy img {
      animation-name: flashy;
@@ Line 10: / Line 7: @@
      animation-iteration-count: infinite;
      animation-direction: alternate;
-    -webkit-animation-name: flashy;
-    -webkit-animation-duration: .5s;
-    -webkit-animation-timing-function: linear;
-    -webkit-animation-iteration-count: infinite;
-    -webkit-animation-direction: alternate;
-    -moz-animation-name: flashy;
-    -moz-animation-duration: .5s;
-    -moz-animation-timing-function: linear;
-    -moz-animation-iteration-count: infinite;
-    -moz-animation-direction: alternate;
-    -o-animation-name: flashy;
-    -o-animation-duration: .5s;
-    -o-animation-timing-function: linear;
-    -o-animation-iteration-count: infinite;
-    -o-animation-direction: alternate;
 }
 }}<noinclude>
 {{documentation}}
 </noinclude>