Tema: Efecto menu css
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 11/05/2017, 21:12
alvaro_trewhela
Invitado
  
Mensajes: n/a
Puntos:
Respuesta: Efecto menu css
Quiero agregar que algo me he acercado:

Código HTML: 
Ver original
  1. <!doctype html>
  2.  
  3. <html>
  4. <head>
  5. <style>
  6.  
  7. *{
  8. padding:0px;
  9. margin:0px;
  10. }
  11.  
  12. .original{
  13. background-color:red;
  14. width:350px;
  15. margin-left: 500px;
  16. transition: margin-left 0.3s;
  17. }
  18.  
  19. .changer:focus ~ .original{
  20. margin-left:0px;
  21. }
  22. </style>
  23.  
  24. </head>
  25.  
  26. <body>
  27.  
  28. <a href="#" class="changer">Te cambio</a>
  29. <br/><br/>
  30. <div class="original">Cambiame!!</div>
  31.  
  32. </body>
  33. </html>

El problema es que cuando pierde el foco, al hacer click en otra parte de la web pierde el foco y se dispara nuevamente el focus. Ideas?