More actions
Extracted flashy CSS used for animating icons for better maintainability |
Standard animation CSS is widely supported. Old vendor compatibility prefixes seem to have broken the flashy, removed them to fix it. |
||
| (One intermediate revision by one other user not shown) | |||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
@keyframes flashy { 50% { opacity: 0; } } | @keyframes flashy { 50% { opacity: 0; } } | ||
.flashy img { | .flashy img { | ||
animation-name: flashy; | animation-name: flashy; | ||
| Line 10: | Line 7: | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
animation-direction: alternate; | animation-direction: alternate; | ||
} | } | ||
}}<noinclude> | }}<noinclude> | ||
{{documentation}} | {{documentation}} | ||
<noinclude> | </noinclude> | ||
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.
- Syntax
- {{FlashyCSS}}
- Sample
gives...{{FlashyCSS}} <span class="flashy">[[Image:ColorTag-StarRed9.gif|9px]]</span> 
