Botão buscar animado

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Botão buscar animado

Mensagem por RuitherR 25.05.14 18:58

  • Descrição:
Queria ajuda de como eu faço esse botão buscar e como ter essa animação...

Desde já agradeço!


Botão buscar animado EPRXrMp

  • Informações:
Fórum:http://tbwrpg.sampforum.net/Versão:PHPBB3
Tipo:Pedido de códigoTags:Botão,buscar,animado



Última edição por RuitherR em 25.05.14 23:17, editado 1 vez(es)
RuitherR

RuitherR
***

Membro desde : 21/05/2014
Mensagens : 102
Pontos : 159

http://tbwrpg.sampforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Botão buscar animado

Mensagem por waghcwb 25.05.14 22:28

Olá,

Isso pode ser feito via CSS.. Veja:
http://jsbin.com/fuhok/1

Código:
input[type="text"]{
  transition: all 1s ease-in-out 0s;
  width: 200px;
}
input[type="text"]:focus{
  width: 400px;
}

Só que tem um problema..

No fórum a barra de busca está bloqueada... Pode me fazer um favor para que eu possa lhe passar um código próprio para seu fórum?
Sabe o que é um seletor? Se souber, preciso que pegue o seletor da barra de busca para mim...

Se não souber, clica com o botão direito em cima da barra de busca e clique em Inspecionar elemento, logo em seguida tira um print para mim, ok?

Abraços...
waghcwb

waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos