Hay diseños web para los que se dedica mucho esfuerzo. Pero ese diseño queda muy bonito nada más cargar la página, pero se estropea ante acciones del usuario, como por ejemplo seleccionar un trozo de texto. Imaginemos una página con colores básicos rojo, blanco y negro. Si nuestro navegador pone el texto seleccionado con fondo verde
En el artículo anterior sobre useless machine de la serie de artículos sobre la máquina inútil activábamos transformaciones con la pseudoclase css :active del interruptor. Para llegar a los demás elementos usábamos selectores de adyacencia. He comprobado que la doble adyacencia no funcionaba bien en Chrome y he cambiado el código usando el selector de hermano
En el artículo de Ultimate Useless Machine en Css parte 2 la Useless Machine ya tenía las transformaciones necesarias para las posiciones de encendido y apagado. Vamos a usar las pseudoclases CSS para poder accionar la máquina. Queremos que funcione al hacer click sobre el interruptor. Por lo tanto los cambios que queramos tienen que estar
Esta es la segunda parte de cómo construir una máquina inútil en CSS. Podemos recordar lo que es una Useless Machine y qué habíamos hecho en la primera parte. Hasta ahora lo que teníamos es la máquina parada y con el botón de encender en la posición equivocada, está ya encendido (hacia la derecha) y debería estar apagado
