Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?

Css Rainbow

Asked Modified Viewed 885 times
S
symply clever
S
  • Newbie, joined since
  • Contributed 6 posts on the community forums.
  • Started 2 threads in the forums
  • Started this discussions
asked
Newbie

here is an interesting css code for you who want to use it



/******************************NEW*********************/
.rainbow-text {
 animation-duration: 3.115s;
}
/*fb8532*--000000*/
/*2188ff--2846F0*/
/*ffd33d--1DB30F*/
.rainbow-text {
 background: linear-gradient(43.13deg,#ffd33d 0,#000000 90%,#ea4a5a 90%,#8a63d2 90%,#2846F0 90%,#34d058 90%,#1DB30F 100%);
 background-size: auto;
 background-clip: border-box;
 background-clip: text;
 display: inline-block;
 color: transparent;
 text-fill-color: transparent;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 animation: shine 6.28s alternate infinite;
 animation-duration: 6.28s;
 background-size: 300%;
 font-size: 30px;
}

@keyframes shine {
 0% {
  background-position:200% center
 }
 62.8% {
  background-position:100% center
 }
 100% {
  background-position:200% center
 }
}
/******************************END*********************/

Found at:https://werner-zenk.de/

Installtion so here:

echo "<center><span class='rainbow-text'><strong>Your text</strong></span>


thanks lg
 
0 replies
There are no post found.

Labels

None yet

Statistics

  • Views 0 views
  • Posts 0 posts
  • Votes 0 votes
  • Topic users 1 member

1 participant

S
S
  • Newbie, joined since
  • Contributed 6 posts on the community forums.
  • Started 2 threads in the forums
  • Started this discussions

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet