http://stringmanolo.ml/dhunter

Comportamiento deseado:
Al hacer click en el botón azul de enviar este debe girar, transformarse en un átomo y quedar posicionado de forma fija en la esquina inferior derecha.
Al tocar en cualquier parte de la pantalla menos en el átomo, debe volver a su posición inicial de botón.

Problemas:
1. A veces o casi siempre se para el botón a medio de camino, como si se tocase en otro elemento. Sobre todo en dispositivos landscape, laptops y pcs. En Android Portrait va más o menos bien siempre y cuano no pinches en el borde superior del botón. El botón es como si no se clickase. Le acabo de añadir un onclick en local y no funciona cuando el botón vuelve a su sitio. En cambio si cuando está el botón si va al sitio se activa el javascript.

2. Se resaltan los input text. Los bordes se resaltan y parpadean.

3. Hay veces que el botón se posiciona fuera de la pantalla al girar el dispositivo.

4. Esto no lo miré pero en landscape y pcs el botón parece que está posicionado en la esquina izquierda superior en vez de su posición real. Posiblemente sea del margen y sencillo de arreglar, pero esto aún no lo miré. No me ralla mucho esto.

5. Según el navegador o dispositivo funciona o no?

Comentario:
Si pulso y mantengo pulsado por más o menos 1 o 2 segundos, al soltar si funciona correctamente?

http://stringmanolo.ml/dhunter/css/cssdhunter.css