MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 5: | Line 5: | ||
-moz-animation: none; | -moz-animation: none; | ||
color: #06F; | color: #06F; | ||
} | |||
.headline_fx { | |||
animation: color-change-hl 1s infinite; | |||
-webkit-animation: color-change 1s infinite; | |||
-moz-animation: none; | |||
color: #330000; | |||
} | } | ||
@keyframes color-change { | @keyframes color-change { | ||
| Line 14: | Line 20: | ||
80% { color: #00C; } | 80% { color: #00C; } | ||
100% { color: #006; } | 100% { color: #006; } | ||
} | |||
@keyframes color-change-hl { | |||
0% { color: #330000; } | |||
20% { color: #660000; } | |||
40% { color: #990000; } | |||
50% { color: #E50000; } | |||
60% { color: #990000; } | |||
80% { color: #660000; } | |||
100% { color: #330000; } | |||
} | } | ||
@-webkit-keyframes color-change { | @-webkit-keyframes color-change { | ||
| Line 23: | Line 38: | ||
80% { color: #00C; } | 80% { color: #00C; } | ||
100% { color: #006; } | 100% { color: #006; } | ||
} | |||
@-webkit-keyframes color-change-hl { | |||
0% { color: #330000; } | |||
20% { color: #660000; } | |||
40% { color: #990000; } | |||
50% { color: #E50000; } | |||
60% { color: #990000; } | |||
80% { color: #660000; } | |||
100% { color: #330000; } | |||
} | } | ||
Revision as of 10:14, 27 April 2014
/* CSS placed here will be applied to all skins */
.text_fx {
animation: color-change 1s infinite;
-webkit-animation: color-change 1s infinite;
-moz-animation: none;
color: #06F;
}
.headline_fx {
animation: color-change-hl 1s infinite;
-webkit-animation: color-change 1s infinite;
-moz-animation: none;
color: #330000;
}
@keyframes color-change {
0% { color: #006; }
20% { color: #00C; }
40% { color: #03F; }
50% { color: #06F; }
60% { color: #03F; }
80% { color: #00C; }
100% { color: #006; }
}
@keyframes color-change-hl {
0% { color: #330000; }
20% { color: #660000; }
40% { color: #990000; }
50% { color: #E50000; }
60% { color: #990000; }
80% { color: #660000; }
100% { color: #330000; }
}
@-webkit-keyframes color-change {
0% { color: #006; }
20% { color: #00C; }
40% { color: #03F; }
50% { color: #06F; }
60% { color: #03F; }
80% { color: #00C; }
100% { color: #006; }
}
@-webkit-keyframes color-change-hl {
0% { color: #330000; }
20% { color: #660000; }
40% { color: #990000; }
50% { color: #E50000; }
60% { color: #990000; }
80% { color: #660000; }
100% { color: #330000; }
}