Título de anúncios com efeito de arco-íris
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
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.
Re: Título de anúncios com efeito de arco-íris
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217
Tópicos semelhantes
» Efeito arco-íris no título de um tópico
» Efeito arco-íris
» Adicionar o efeito arco-íris na seleção de cores
» Adicionar o efeito arco-íris na seleção de cores
» Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos
» Efeito arco-íris
» Adicionar o efeito arco-íris na seleção de cores
» Adicionar o efeito arco-íris na seleção de cores
» Adição do efeito do arco-íris e Fontawesome nos títulos dos tópicos
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos