-->

Monday, February 17, 2014

Neon Text Effect

If you have a profile with a dark background you may want to try out using this Neon effect for some of your text.



Add this code to advance the css section:

.neontext {
  font-size:17px;
  color:#fff;
  text-shadow:0 0 1px rgb(255,255,255),0 0 2px rgb(255,255,255),0 0 4px rgb(255,255,255),0 0 8px rgb(255,45,149),0 0 16px rgb(255,45,149),0 0 32px rgb(255,45,149),0 0 40px rgb(255,45,149),0 0 50px rgb(255,45,149);
  font-wight:bold;
}


Then add whatever text you want in the Edit Profile section in between these two brackets:

<span class="neontext"> Your text goes here </span>





1 comment:

  1. I love this effect, especially when it is paired with a font color="". The problem I'm having is that I have the neon effect on a word in the middle of a sentence. EX: (regular text)Top Tipper = (neon text)Member Name(/span)(resume regular text) 9000 Tokens

    When I apply this concept the neon text repositions itself all the way to the right side of the screen, and the regular text from both sides of the sentence group together on the left side of the screen.

    Halp?

    ReplyDelete