FANDOM


Awesome is a span class and template made by PhilippL

FunctionEdit

The text is mostly used for display purposes.

AppearanceEdit

Text

The shadow changes color from  FireBrick  to  LightBlue  to  LightGreen , and back.

Source CodeEdit

To make your text look Awesome, just type in <span class="awesome">Your text here.</span>

However, since this is a span class, you will first need to put this code in the MediaWiki:Wikia.css page of your wiki:

span.awesome {
color: red;
font-size: 20pt;
-webkit-text-stroke: 1px firebrick;
text-shadow:
1px 1px 1px red,2px 2px 2px firebrick,3px 3px 3px
red,3px 3px 4px firebrick;
-webkit-animation: color 2s infinite;
-moz-animation: color 2s infinite;
animation: color 2s infinite;
}

@-webkit-keyframes color {
0% { color: red; -webkit-text-stroke: 1px
firebrick; text-shadow:
1px 1px 1px red,2px 2px 2px firebrick,3px 3px 3px
red,3px 3px 4px firebrick;}
25% { color: lightblue; -webkit-text-stroke: 1px
blue; text-shadow:
1px 1px 1px lightblue,2px 2px 2px lightblue,3px
3px 3px lightblue,3px 3px 4px lightblue;}
50% { color: lightgreen; -webkit-text-stroke: 1px
green; text-shadow: 1px 1px 1px
lightgreen,2px 2px 2px lightgreen,3px 3px 3px
lightgreen,3px 3px 4px lightgreen;}
100% { color: red; -webkit-text-stroke:
1px firebrick; text-shadow:
1px 1px 1px red,2px 2px 2px firebrick,
3px 3px 3px red,3px 3px 4px firebrick; }
}

Example UsageEdit

Use bright, colorful text to get someone's attention!

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.