Grupo com efeito "rainbow"

Detalhes da questão

Endereço do fórum: https://policiadme.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição

Estou tendo problema pra conseguir deixar um grupo em específico com o efeito "rainbow".

Acabei de fechar um tópico sobre como colocar ícones do Font Awesome e foi tudo resolvido, porém, quando comecei a usar o código que funcionava, o efeito "rainbow" parou de funcionar e o grupo e seus membros ficaram da cor vermelha. Gostaria de uma ajuda pra descobrir qual é o erro, por favor.

Print1: https://prnt.sc/1n6e62h

Parte do código que pediram para alterar:

Olá!

O código que nos indicou, troque por este:

Código:


a[style*="#B254F0"], span[style*="#B254F0"] {
    background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff) !important;
    -webkit-background-clip: text !important;
    background-size: 1800% 1800% !im;
    -webkit-text-fill-color: transparent !important;
    animation: rainbow 3s ease infinite !important;
}
div [style*="#B254F0"]::before {
  font-family: "Font Awesome 5 Free"; 
  content:'\f24e';
  margin-right: 3px;
  font-weight: 1000;
  font-size: 12px;
 
}

Hancki

Olá, @Hancki

Obrigado pela ajuda! Mas acho que eu devo ter me equivocado no termo "rainbow"

O código que me mandou funcionou direitinho, porém o que eu estava querendo era o grupo com efeito "RGB", acho que posso chamar assim, em que ele fica trocando de cor constantemente.

Olá!

Remova então o que lhe dei e troque por este:

Código:

a[style*="#B254F0"], span[style*="#B254F0"]  {
    animation-name: mudarCorHancki;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}
@keyframes mudarCorHancki {
    0% {
        color: red;   
    }
    20% {
        color: #FF7F00;   
    }
    40% {
        color: #FFFF00;   
    }
    60% {
        color: #00FF00;   
    }
    80% {
        color: #0000ff;   
    }
    100% {
        color: #8f00ff;   
    }
}
@-webkit-keyframes mudarCorHancki {
    0% {
        color: red;   
    }
    20% {
        color: #FF7F00;   
    }
    40% {
        color: #FFFF00;   
    }
    60% {
        color: #00FF00;   
    }
    80% {
        color: #0000ff;   
    }
    100% {
        color: #8f00ff;   
    }
}

Obrigado @Hancki

Funcionou direitinho! o/

Pode fechar