The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Rainbow Glow

View previous topic View next topic Go down

Solved Rainbow Glow

Post by Kfalash on May 23rd 2016, 2:12 am

Does anyone know a CCS code for a rainbow glow? If not then maybe one that has a multiple color glow? Thanks for any help.


Last edited by Kfalash on May 26th 2016, 2:05 am; edited 1 time in total

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Solved Re: Rainbow Glow

Post by Ange Tuteur on May 23rd 2016, 1:00 pm

Hey,

Something like this or ..?

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rainbow Glow

Post by Kfalash on May 23rd 2016, 4:51 pm

That would work, I guess I should've been a little more specific sorry XD
Is there a way so that you could put that on a member's name as a glow?

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Solved Re: Rainbow Glow

Post by Ange Tuteur on May 23rd 2016, 6:38 pm

Of course. Wink

Go to Admin panel > Display > Colors > CSS stylesheet paste the following code in your sheet and submit :
Code:
@-webkit-keyframes rainbow {
  from {
    text-shadow:
      0.04em 0.04em #ff0000,
      0.08em 0.08em #ff7f00,
      0.12em 0.12em #ffff00,
      0.16em 0.16em #00ff00,
      0.20em 0.20em #0000ff,
      0.24em 0.24em #4b0082,
      0.28em 0.28em #8f00ff;
  }
  15% {
    text-shadow:
      0.04em 0.04em #8f00ff,
      0.08em 0.08em #ff0000,
      0.12em 0.12em #ff7f00,
      0.16em 0.16em #ffff00,
      0.20em 0.20em #00ff00,
      0.24em 0.24em #0000ff,
      0.28em 0.28em #4b0082;
  }
  30% {
    text-shadow:
      0.04em 0.04em #4b0082,
      0.08em 0.08em #8f00ff,
      0.12em 0.12em #ff0000,
      0.16em 0.16em #ff7f00,
      0.20em 0.20em #ffff00,
      0.24em 0.24em #00ff00,
      0.28em 0.28em #0000ff;
  }
  45% {
    text-shadow:
      0.04em 0.04em #0000ff,
      0.08em 0.08em #4b0082,
      0.12em 0.12em #8f00ff,
      0.16em 0.16em #ff0000,
      0.20em 0.20em #ff7f00,
      0.24em 0.24em #ffff00,
      0.28em 0.28em #00ff00;
  }
  60% {
    text-shadow:
      0.04em 0.04em #00ff00,
      0.08em 0.08em #0000ff,
      0.12em 0.12em #4b0082,
      0.16em 0.16em #8f00ff,
      0.20em 0.20em #ff0000,
      0.24em 0.24em #ff7f00,
      0.28em 0.28em #ffff00;
  }
  75% {
    text-shadow:
      0.04em 0.04em #ffff00,
      0.08em 0.08em #00ff00,
      0.12em 0.12em #0000ff,
      0.16em 0.16em #4b0082,
      0.20em 0.20em #8f00ff,
      0.24em 0.24em #ff0000,
      0.28em 0.28em #ff7f00;
  }
  90% {
    text-shadow:
      0.04em 0.04em #ff7f00,
      0.08em 0.08em #ffff00,
      0.12em 0.12em #00ff00,
      0.16em 0.16em #0000ff,
      0.20em 0.20em #4b0082,
      0.24em 0.24em #8f00ff,
      0.28em 0.28em #ff0000;
  }
  to {
    text-shadow:
      0.04em 0.04em #ff0000,
      0.08em 0.08em #ff7f00,
      0.12em 0.12em #ffff00,
      0.16em 0.16em #00ff00,
      0.20em 0.20em #0000ff,
      0.24em 0.24em #4b0082,
      0.28em 0.28em #8f00ff;
  }
}

@keyframes rainbow {
  from {
    text-shadow:
      0.04em 0.04em #ff0000,
      0.08em 0.08em #ff7f00,
      0.12em 0.12em #ffff00,
      0.16em 0.16em #00ff00,
      0.20em 0.20em #0000ff,
      0.24em 0.24em #4b0082,
      0.28em 0.28em #8f00ff;
  }
  15% {
    text-shadow:
      0.04em 0.04em #8f00ff,
      0.08em 0.08em #ff0000,
      0.12em 0.12em #ff7f00,
      0.16em 0.16em #ffff00,
      0.20em 0.20em #00ff00,
      0.24em 0.24em #0000ff,
      0.28em 0.28em #4b0082;
  }
  30% {
    text-shadow:
      0.04em 0.04em #4b0082,
      0.08em 0.08em #8f00ff,
      0.12em 0.12em #ff0000,
      0.16em 0.16em #ff7f00,
      0.20em 0.20em #ffff00,
      0.24em 0.24em #00ff00,
      0.28em 0.28em #0000ff;
  }
  45% {
    text-shadow:
      0.04em 0.04em #0000ff,
      0.08em 0.08em #4b0082,
      0.12em 0.12em #8f00ff,
      0.16em 0.16em #ff0000,
      0.20em 0.20em #ff7f00,
      0.24em 0.24em #ffff00,
      0.28em 0.28em #00ff00;
  }
  60% {
    text-shadow:
      0.04em 0.04em #00ff00,
      0.08em 0.08em #0000ff,
      0.12em 0.12em #4b0082,
      0.16em 0.16em #8f00ff,
      0.20em 0.20em #ff0000,
      0.24em 0.24em #ff7f00,
      0.28em 0.28em #ffff00;
  }
  75% {
    text-shadow:
      0.04em 0.04em #ffff00,
      0.08em 0.08em #00ff00,
      0.12em 0.12em #0000ff,
      0.16em 0.16em #4b0082,
      0.20em 0.20em #8f00ff,
      0.24em 0.24em #ff0000,
      0.28em 0.28em #ff7f00;
  }
  90% {
    text-shadow:
      0.04em 0.04em #ff7f00,
      0.08em 0.08em #ffff00,
      0.12em 0.12em #00ff00,
      0.16em 0.16em #0000ff,
      0.20em 0.20em #4b0082,
      0.24em 0.24em #8f00ff,
      0.28em 0.28em #ff0000;
  }
  to {
    text-shadow:
      0.04em 0.04em #ff0000,
      0.08em 0.08em #ff7f00,
      0.12em 0.12em #ffff00,
      0.16em 0.16em #00ff00,
      0.20em 0.20em #0000ff,
      0.24em 0.24em #4b0082,
      0.28em 0.28em #8f00ff;
  }
}

While you're still on the CSS page, scroll to the bottom to find "Optimize your CSS" and tick "no" then save.

After that you can add the following CSS to your stylesheet :
Code:
a[href="/u1"] {
 -webkit-animation:rainbow 3s linear infinite;
        animation:rainbow 3s linear infinite;
}
Just replace "1" with the id of the user you want the shadow applied to.

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Rainbow Glow

Post by Kfalash on May 26th 2016, 2:05 am

Thank you Ange!
This is now solved.

Kfalash
New Member

Female Posts : 22
Reputation : 1
Language : English

http://thebeyond.forumotion.com/

Back to top Go down

Solved Re: Rainbow Glow

Post by SLGray on May 26th 2016, 2:09 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35628
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum