Hover nas categoria!

Item: Hover nas categoria!
Rating: 1

por Foox_ 22.02.15 20:00

Detalhes da dúvida

Versão do fórum : phpBB3
Nível de acesso : Fundador
Navegador usado : Google Chrome
Imagem :

Imagem da minha dúvida:

Membros afetados : Somente comigo
Problema começou : //
Endereço do fórum : http://forumdocastiel.forumeiros.com/

Descrição do problema

Tipo eu queria colocar tipo uma hover de zom na categoria como mostra na imagem acima, eu procurei mais nao achei... tipo da um zomzinho sabe?

OBG !

por Shaman 22.02.15 20:33

Tente isto:

Código:: li.row:hover{ background-color: #FF0000 !important; }

a cor você altera pra qual que você quiser!

por Konai 22.02.15 20:40

Saudações!

Aceda à: Painel de Controle >> Visualização >> Imagens e Cores >> Cores >>> Folha de estilo CSS

Adicione no início da mesma o seguinte código:

Código:: li.row { -webkit-transition:All 0.001s linear; -moz-transition:All 0.001s linear; -ms-transition:All 0.001s linear; -o-transition:All 0.001s linear; } li.row:hover { -webkit-transform: rotate(0deg) scale(0.7) skew(1deg) translate(0px); -moz-transform: rotate(0deg) scale(0.7) skew(1deg) translate(0px); -ms-transform: rotate(0deg) scale(0.7) skew(1deg) translate(0px); -o-transform: rotate(0deg) scale(0.7) skew(1deg) translate(0px); }

Seria isto?

Até! Muito feliz

por Foox_ 23.02.15 0:24

Não, o zom vem pra frente e nao pra tras ta meio bugado =/ HAKU

por Foox_ 23.02.15 0:26

Eu nao quero, efeito hover com cor e sim com zoom sabe? que vem pra frente ingual na imagem Louco

por Konai 23.02.15 0:31

Substitua por este:

li.row {
-webkit-transition:All 0.001s linear;
-moz-transition:All 0.001s linear;
-ms-transition:All 0.001s linear;
-o-transition:All 0.001s linear;
}
li.row:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}

Modifique o valor "1.1" até ficar ao teu gosto! Muito feliz

Att

por Foox_ 23.02.15 0:35

Ficou dahora, só que ficou grande kkk como diminiu? é 1.0?

por Konai 23.02.15 0:36

Exato! Diminua ou aumente o valor, até ficar ao teu gosto! Muito feliz

por Foox_ 23.02.15 0:41

Eu coloco 0.1 o bagulho fica la no fundao kkk ! ai se eu aumento pra 1.1 fica d+ se eu coloco 1.0 fica sem efeito to perdido kkkkk Rindo

por Konai 23.02.15 0:50

Tente com este:

Código:: li.row { -webkit-transition:All 0.001s linear; -moz-transition:All 0.001s linear; -ms-transition:All 0.001s linear; -o-transition:All 0.001s linear; } li.row:hover { -moz-transform: scale(1,1.1); -ms-transform: scale(1,1.1); -o-transform: scale(1,1.1); -webkit-transform: scale(1,1.1); }

Seria isto? Muito feliz

por Foox_ 23.02.15 0:52

Mlkk você é fera ! Isto mesmo ! hueheue

por EuficoLoko 23.02.15 10:14

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Hover nas categoria!