Template:Icon: Difference between revisions

{|

| valign="top" |

! style="background:#222222;" | Tag

! style="background:#222222;" | Syntax

| valign="top" |

In order to make icons flashing, include this to your page:<br>

@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;

     animation-iteration-count: infinite;

     animation-direction: alternate;

     -webkit-animation-name: flashy;

     -webkit-animation-duration: .5s;

     -webkit-animation-iteration-count: infinite;

     -webkit-animation-direction: alternate;

     -moz-animation-name: flashy;

     -moz-animation-duration: .5s;

     -moz-animation-iteration-count: infinite;

     -moz-animation-direction: alternate;

     -o-animation-name: flashy;

     -o-animation-duration: .5s;

     -o-animation-iteration-count: infinite;

     -o-animation-direction: alternate;

And then use {{co|violet|<nowiki><span class="flashy"&gt;{{icon|war target|9}}</span&gt;</nowiki>}} to make it blink, like <span class="flashy">{{icon|tag war|9}}</span> here does.

|}