Título: [Resuelto] alguien me explica sobre los sliders? Publicado por: Beginner Web en 8 Abril 2020, 04:09 am hola no entiendo esto, supongo es como un timer pero no lo entiendo la verdad :huh:
Código
Título: Re: alguien me explica sobre los sliders? Publicado por: @XSStringManolo en 8 Abril 2020, 06:04 am Los keyframes sirven para hacer animaciones. Le das un nombre y modificas el css en cada %.
A mi personalmente me gustan más que las animaciones de javascript. Son más sencillas y no te influyen negativamente en la interfaz. Lo mejor es que pruebes un ejemplo: Código
Aquí si te fijas tengo 4 cuerpos: El primero .boton me sirve para aplicar el css normal. El que utilizo para darle un forma bonita al botón, posicionarlo donde quiero, un tamaño sólido... El segundo es para cuando se toque el botón. En este caso modifico completamente el botón a una elipse como la forma de una botella de 2 litros. También un gradiente para que quede una transición y una animación más suave. También le indico que la animación que definiré a continuación con nombre Atomo quiero que se complete en 0.1segundos y permanezca en bucle sin terminarse. En el tercero y cuarto creo la animación, que en este caso es una simple rotación de 360 grados. Se repite el código para dar soporte a safari y demás @-webkit Puedes ir jugando con los valores, cambiar el botón por otra cosa cualquiera, cambiar los eventos... Así lo vas a entender mejor. Es más sencillo que copies y pegues y te pongas a jugar con el código que que ño escriba de 0 de primeras sin saber muy bien como va. Cuando lo uses 20 veces ya lo escribes todo por inhercia. El mejor consejo que te puedan dar para animar es que lo utilices para dar feedback al usuario y no para adornar. No suele quedar bien meter mucha animación. Si quieres hacer lo mismo con javascript en la página de los tutos de mozilla te vienen relojes con agujas moviéndose, una animación chula de la tierra haciendo el movimiento de translación al sol... Están muy chulas. PD: El ejemplo que pones sirve para mover un elemento hacia la izquierda(fuera de pantalla) y traerlo de vuelta a la pantalla. Si activas la animación por ejemplo tras pulsar un botón, te puede servir para mostrar un texto escondido en pantalla y volver a sacarlo de ella. Por ejemplo para un mensaje de ayuda cuando alguien envie un form con datos incorrectos. Le sacas un mensaje por un par de segundos (que de tiempo a leerlo) diciendo: Recuerda: Debes introducir todos los campos marcados con un * Título: Re: alguien me explica sobre los sliders? Publicado por: Serapis en 8 Abril 2020, 23:43 pm hola no entiendo esto, supongo es como un timer pero no lo entiendo la verdad :huh: De forma simple: Un 'Slider' es como una barra de progreso, se asocia un valor a cada porcentaje (progreso)... Básicamente eso te permite saltarte cálculos matemáticos, al asignar valores predeterminados según el caso. Título: Re: alguien me explica sobre los sliders? Publicado por: Beginner Web en 9 Abril 2020, 02:32 am gracias ;-)
|