Data/hora atual: 28.03.24 9:44
2 resultados encontrados para FF0004
Como adicionar um efeito ao nome do gradiente com animação
Olá @LucianoMicle,Skull_MasteR escreveu:Então meu jovem, não tem mistério. Acabei de testar no meu Fórum, e sim, dá certo.
Só que o código CSS no qual nosso amigo Chagas citou, só aplica o efeito nos Usuários, portanto fiz uma modificação para que funcione nos grupos também.
Efeito nos Usuários:
- Código:
a[href^="/u"] span[style*="#FF0004"] {
background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
-webkit-background-clip: text;
background-size: 1800% 1800%;
-webkit-text-fill-color: transparent;
animation: rainbow 3s ease infinite;
}
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
Em:a[href^="/u"] span[style*="#FF0004"]
Apenas troque o "#FF0004" para a cor do seu grupo.
OBS: Isso serve para o código que irei falar abaixo:
Efeito nos Grupos:
- Código:
a[href^="/g1-"],
a[href^="/u"] span[style*="#FF0004"] {
background: repeating-linear-gradient(to right, #FF0000, #FF7F00, #FFFF00, #00FF00, #0000ff, #4b0082, #8f00ff);
-webkit-background-clip: text;
background-size: 1800% 1800%;
-webkit-text-fill-color: transparent;
animation: rainbow 3s ease infinite;
}
@keyframes rainbow {0% {background-position: 0% 82%;} 50% {background-position: 100% 19%;} 100% {background-position: 0% 82%;}
}
Em:a[href^="/g1-"],
Troque o "g1" para o ID do seu Grupo, no qual deseja aplicar o efeito.
Prints de quê funciona: Print 1, Print 2, Print 3 e Print 4.
Caso queira, veja-o como ficou o meu fórum com este efeito.
Atenciosamente,
Skull_MasteR
Atenciosamente,
pedxz.
- em 07.06.21 19:14
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Como adicionar um efeito ao nome do gradiente com animação
- Respostas: 11
- Vistos: 1133
Efeito grupos rainbow
Olá @Bramodz,No final da página onde o senhor edita a sua folha de estilo é possível encontrar a opção "Melhorar seu CSS" marque como "Não". Explicando o código:
- Código:
a[href^="/g1-"],
a[href^="/u"] span[style*="#FF0004"] {
- /g1- é o grupo que é o https://bramodz.forumeiros.com/g1-
- #FF0004 é a cor de um grupo que não existe no seu fórum. A cor do grupo /g1- é, por exemplo, o #E80ECF
Para adicionar a mais que um grupo basta duplicar a primeira linha ficando:
- Código:
a[href^="/g1-"],
a[href^="/g2-"],
a[href^="/u"] span[style*="#FF0004"] {
o mesmo para os membros do grupo com cor:
- Código:
a[href^="/g1-"],
a[href^="/g2-"],
a[href^="/u"] span[style*="#FF0004"],
a[href^="/u"] span[style*="#E80ECF"] {
Atenciosamente,
pedxz.
- em 07.02.21 17:09
- Procurar em: Questões resolvidas sobre a aparência do fórum
- Tópico: Efeito grupos rainbow
- Respostas: 13
- Vistos: 1124