Botão buscar animado

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

Resolvido Botão buscar animado

Mensagem por RuitherR em 25/05/14, 02:58 pm

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

Desde já agradeço!



  • 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, 07:17 pm, editado 1 vez(es)
avatar

RuitherR
Nível 8

Masculino
Inscrito dia : 21/05/2014
Mensagens : 102
Pontos Ativos : 159

Ver perfil do usuário http://tbwrpg.sampforum.net/forum

Resolvido Re: Botão buscar animado

Mensagem por waghcwb em 25/05/14, 06:28 pm

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...
avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum