Data/hora atual: 16.09.21 23:28

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 1Print 2Print 3 e Print 4.

Caso queira, veja-o como ficou o meu fórum com este efeito.

Atenciosamente,
Skull_MasteR



Atenciosamente,
pedxz.
por 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: 255

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"] {
Isto é a "configuração":

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.
por 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: 299

Ir para o topo

Ir para: