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.
Sign In
Not a member yet? Click here to register.
Forgot Password?
Navigation

Css Rainbow

Last updated on 5 years ago
Posted 5 years ago
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
 
You can view all discussion threads in this forum.
You cannot start a new discussion thread in this forum.
You cannot reply in this discussion thread.
You cannot start on a poll in this forum.
You cannot upload attachments in this forum.
You can download attachments in this forum.
You cannot up or down-vote on the post in this discussion thread.
You cannot set up a bounty in this discussion thread.
Moderator: Support Team
Users who participated in discussion: symply clever