Título de anúncios com efeito de arco-íris
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript & jQuery
Página 1 de 1 • Compartilhe
Título de anúncios com efeito de arco-íris
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?
Re: Título de anúncios com efeito de arco-íris
Olá @Riickizin,
Crie um novo Javascript com investimento em todas as páginas:
De seguida, adicione no topo da sua folha de estilos (CSS) o código abaixo:
Atenciosamente,
RafaelS.
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.


| Eu sou o RafaelS., Eu aconselho-lhe ler os seguintes tópicos: ![]() ![]() ![]() |
"O importante não é vencer todos os dias, mas lutar sempre."

Re: Título de anúncios com efeito de arco-íris
Deu certo, obrigado e pode fechar!
Re: Título de anúncios com efeito de arco-íris
Tópico resolvidoMovido para "Questões resolvidas". |

Boas-vindas ao Fórum dos Fóruns! |
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte. Antes de criar um tópico, verifique se sua questão já não foi respondida. Se sua questão foi resolvida, marque-a editando a sua primeira postagem. |
Pedxz - Moderadeiro |
pedxz- Moderadeiro
- Inscrito dia : 13/01/2017
Mensagens : 5839
Pontos Ativos : 6947
Fórum dos Fóruns :: Atendimento e Suporte Mútuo :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript & jQuery
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum