Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
Tiago, você pode fazer em jQuery, procura por click, animation em jquery.
$(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.
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/