Grupo com efeito "rainbow"

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Grupo com efeito "rainbow"

Mensagem por Aluuadoo 12.08.21 4:00

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:
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Grupo com efeito "rainbow"

Mensagem por Hancki 12.08.21 19:23

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
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8150
Pontos ativos : 12176

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupo com efeito "rainbow"

Mensagem por Aluuadoo 12.08.21 20:09

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.
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Grupo com efeito "rainbow"

Mensagem por Hancki 12.08.21 20:43

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;   
    }
}
Hancki

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 03/10/2009
Mensagens : 8150
Pontos ativos : 12176

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Grupo com efeito "rainbow"

Mensagem por Aluuadoo 12.08.21 20:48

Obrigado @Hancki

Funcionou direitinho! o/

Pode fechar
Aluuadoo

Aluuadoo
Nível 3

Masculino
Membro desde : 20/08/2018
Mensagens : 24
Pontos ativos : 42

https://testelusca.forumeiros.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Grupo com efeito "rainbow"

Mensagem por pedxz 12.08.21 20:54

Tópico resolvido


Movido para "Questões resolvidas".
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7067
Pontos ativos : 8295

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos