Hack CSS para Android no pasa validador W3C

[ecamison]

Buenas!!

He adaptado una página web a diferentes dispositivos y para la versión móvil el menú se transforma en un desplegable de tipo "hamburguesa", osea ≡. El código que conseguí no funcionaba bien en móviles Android por lo que le puse un hack para que lo hiciera correctamente y ahora no me pasa la validación CSS del W3C. Os copio el código a continuación y los errores que da al respecto el W3C, a ver si alguien me podría echar una mano porque no sé cómo hacerlo...

Código:

@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}

1195 Error de análisis sintáctico @-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }
1350 Error de análisis sintáctico }


Es importante que pase la validación, addemás sólo tengo esos errores y es una pena porque el resto está currado.

Espero vuestras respuestas!!
Saludos y gracias

[ArturoGallegos]

Nunca jamas un hack va pasar las validaciones, como su palabra dice debe ser codigo CSS valido, un hack es una chapusa que se inventa para lograr algo pero no es valido ni esta dentro de los estandares que todos los navegadores que entre comillas deben respetar.

El codigo que muestras es unica y exclusivamente para navegadores que usen webkit no para todos.

Tienes 3 opciones.

1.- eliminas el hack y lo dejas asi.
2.- dejarlo con el error o enviarlo a un archivo externo
3.- recurrir a javascript


Nota: acabo de revisar y en android funciona sin problemas el efecto que expones sin necesidad de usar un hack, quizás deberías ser mas explicito mostrando el código completo que usas para dicha animación y vemos en que andas mal.