active

[Thiago Souza_63114 1]

Galera estou usando um efeito a:active do css

mais quero que quando clicado o efeito fique

no meu caso eu coloquei um menu na parte esquerda

do site que esconde 200px e quero que quando a pessoa

clique mostre os outros 400px até ai tranquilo só que quando clica

e solta o efeito volta mostra e quando solta o clique solta eu quero

que quando clica o efeito fica.

 

Valeu galera

[sergiolopes 3]

Esse é o comportamento do :active, ele é só válido enquanto estiver "ativo", ou seja, estiver sendo pressionado.

 

Não dá pra fazer isso que você quer com CSS puro, você vai precisar de algum JavaScript para adicionar uma classe no elemento que indique que ele foi clicado.

 

Abraços!

 

PS. Tem uma gabiarra que um cara inventou baseado em CSS3 Transitions, usando um tempo "infinito". Eu não recomendo, porém, até porque o suporte nos navegadores é baixo.

 

http://joelb.me/blog/2012/maintaining-css-style-states-using-infinite-transition-delays/

[Valdeir Info 2]

Tiago, você pode fazer em jQuery, procura por click, animation em jquery.

[Mateus Avila Isidoro 8]

$(document).ready(function(){
 $('nav ul li a').mouseover(function(){
   $(this).addClass('escolhido');
 });
 $('nav ul li a').mouseover(function(){
   $(this).removeClass('escolhido');
 });
});

 

Testa ai e vê o que acontece.