1. Hey, Guest! Do you want to chat with us? Then come to the chat thread Here!
    Dismiss Notice
Dismiss Notice
Welcome to Sugoi Desu, Respected Guest! Please take a moment to register today.

pro help

Discussion in 'Suggestions & Support' started by Tom Hardy, Jun 14, 2022.

  1. Tom Hardy

    Messages
    156
    57
    Trophy Points
    390
    What is the css code for a rainbow name?
     
  2. Gobb

    Gobb finds a way

    Messages
    45,200
    22,583
    Trophy Points
    5,440
    Keno
    43,746ლ
  3. Tom Hardy

    Messages
    156
    57
    Trophy Points
    390
  4. Gobb

    Gobb finds a way

    Messages
    45,200
    22,583
    Trophy Points
    5,440
    Keno
    43,746ლ
  5. Tom Hardy

    Messages
    156
    57
    Trophy Points
    390
    1. .rainbow-text-animated {
      background-image:
      linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      animation: rainbow-animation 35s linear infinite;
      }

      @keyframes rainbow-animation {
      to {
      background-position: 4500vh;
      }
      }
      or this
      .rainbow-text-animated {
      background: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      animation: rainbow_animation 6s ease-in-out infinite;
      background-size: 400% 100%;
      }

      @keyframes rainbow_animation {
      0%,100% {
      background-position: 0 0;
      }

      50% {
      background-position: 100% 0;
      }
      }
    2. [3:43 PM]
      two different animations

    How do I make the an9imation work?
     
  6. Gobb

    Gobb finds a way

    Messages
    45,200
    22,583
    Trophy Points
    5,440
    Keno
    43,746ლ
    I don't think animation will work because the css is added to the style element of the html element, it's not it's own css sheet. But I'll have a look a little later.
     
  7. Gobb

    Gobb finds a way

    Messages
    45,200
    22,583
    Trophy Points
    5,440
    Keno
    43,746ლ
    I have check. This isn't possible with how the addon functions.
     
  8. Tom Hardy

    Messages
    156
    57
    Trophy Points
    390
    Okay got it.
     
    Gobb likes this.

Share This Page