diff --git a/aplicaciones/www/404.html b/aplicaciones/www/404.html index 70a9d38..5052a1d 100644 --- a/aplicaciones/www/404.html +++ b/aplicaciones/www/404.html @@ -6,8 +6,11 @@ diff --git a/aplicaciones/www/src/vistas/Vista404.vue b/aplicaciones/www/src/vistas/Vista404.vue index 15846ec..ed5a10e 100644 --- a/aplicaciones/www/src/vistas/Vista404.vue +++ b/aplicaciones/www/src/vistas/Vista404.vue @@ -5,9 +5,9 @@

404 - La página no existe

Lo sentimos, la página que estás buscando no existe.

-

Volver al inicio

+

Volver al inicio

- Error 404 +
Error 404
@@ -27,14 +27,34 @@ export default { width: 100vw; display: block; min-height: 100vh; - @include gradienteAzulCircular; - color: white; padding-top: 3em; + background-image: url("data:image/svg+xml,"); } .invertido { - transform: scaleY(-1); + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + animation: rotar 5s linear infinite; +} + +.hueco { display: block; - margin: 1em auto; + margin: 0 auto; + padding: 2em; + border-radius: 50%; + width: 200px; + height: 200px; + position: relative; +} + +@keyframes rotar { + from { + transform: translate(-50%, -50%) rotate(0deg); + } + to { + transform: translate(-50%, -50%) rotate(360deg); + } }