[Tutorial] Avatar com opacidade

Informações:
Autor: While
Funcionalidade: Todas as versões

---

Acesse:

Painel de Controle ☛ Visualização ☛ Imagens e Cores ☛ Cores ☛ Folha de Estilo CSS

E Adicione esse código:

PhpBB3:

Código:

.postprofile a img{
  opacity: 0.7;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.postprofile a img:hover {
  opacity: 1;
}

PunBB:

Código:

.user-basic-info a img{
  opacity: 0.7;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.user-basic-info a img:hover {
  opacity: 1;
}

PhpBB2:

Código:

.postdetails a img{
  opacity: 0.7;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.postdetails a img:hover {
  opacity: 1;
}

Invision:

Código:

.postprofile a img{
  opacity: 0.7;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}

.postprofile a img:hover {
  opacity: 1;
}

Resultado:

Sem o mouse por cima do avatar:



Com o mouse por cima do avatar: