Título de anúncios com efeito de arco-íris

3 participantes

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

Tópico resolvido Título de anúncios com efeito de arco-íris

Mensagem por Riickizin 05.11.20 19:35

Detalhes da questão


Endereço do fórum: https://policiadpsm.forumeiros.com
Versão do fórum: ModernBB

Descrição


Opa!

Como adiciona um título rainbow (efeito arco-irís) mudando de cor diversas vezes em um tópico a ser fixado como anúncio global?
Riickizin

Riickizin
*

Membro desde : 16/10/2020
Mensagens : 41
Pontos : 67

https://policiagts.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Título de anúncios com efeito de arco-íris

Mensagem por RafaelS. 05.11.20 19:58

Olá @Riickizin,

Crie um novo Javascript com investimento em todas as páginas:
Código:
$(function() {
$('.topic-title-container:contains("Anúncio global:") .topic-title.hierarchy .topictitle').addClass("rainbow");
});

De seguida, adicione no topo da sua folha de estilos (CSS) o código abaixo:
Código:
.rainbow {
    background: linear-gradient(to left, violet, indigo, blue, green, yellow, orange, red);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    animation: rainbow_animation 4s ease-in-out infinite;
    background-size: 400% 100%;
}

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

    50% {
        background-position: 100% 0;
    }
}

Atenciosamente,
RafaelS. King
avatar

RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Título de anúncios com efeito de arco-íris

Mensagem por Riickizin 05.11.20 20:27

Deu certo, obrigado e pode fechar!
Riickizin

Riickizin
*

Membro desde : 16/10/2020
Mensagens : 41
Pontos : 67

https://policiagts.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Título de anúncios com efeito de arco-íris

Mensagem por tikky 05.11.20 20:36

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

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