Preguntas con la etiqueta [animación]
La animación es el proceso utilizado para dar la sensación de movimiento a imágenes.
165
preguntas
0
votos
0
respuestas
5
vistas
como recrear la animacion de deslizar el dedo sobre un contenedor y que este se mueva a la derecha o izquierda , y ejecute una accion, en flutter
Ya intente con GestureDetector(
onHorizontalDragEnd:
pero no se como dar la animacion.. algo similar a cuando deseamos eliminar un correo desde la aplicacion de gmail
0
votos
0
respuestas
18
vistas
Error en el servidor con NextJs y Framer Motion
Estoy tratando de animar las cards cuando se renderiza el componente pero tengo un error. Parece haber una discrepancia entre el HTML inicial generado en el servidor y el HTML que React intenta ...
2
votos
1
respuesta
103
vistas
Colocar dos textos uno al lado del otro
Tengo el siguiente código, la función es hacer una animación cambiando el contenido de un texto de manera de que no se vea tan busco el cambio del texto:
* {
padding: 0;
margin: 0;
}
ul,
ol {
...
3
votos
2
respuestas
33
vistas
¿Cómo puedo fijar un fondo animado creado con div?
tengo este fondo animado sacado de esta página que lo quiero utilizar para que sea el fondo de toda mi página, es decir, quiero colocarle los contenedores de información por encima del fondo. El ...
1
voto
1
respuesta
103
vistas
No se ejecuta la animación si llamo al método que la ejecuta desde el mismo JFrame
Tengo mi clase Frame con dos botones, y lo que quiero es que al presionar el btnMover, el btnBoton se mueva y se vea la animación de como lo hace. Si al botón btnMover le añado una acción que llame al ...
2
votos
1
respuesta
34
vistas
Slider con espacio en blanco que no logro detectar
Estoy armando un slider responsive dentro de la etiqueta <figure>
pero al pasar la ultima imagen corre un espacio en blanco como si hubiera una <img> vacia...
Les muestro el código:
@...
0
votos
1
respuesta
41
vistas
Animación en cambio de componentes con operador ternario
Estoy usando react con redux, changeData hace un fetch y alterna el estado de data.iSaveIt entre false o true entonces el icono cambia.
Como puedo hacer para que haya una animación cuando se cambia el ...
1
voto
0
respuestas
63
vistas
Cómo puedo agregar animaciones a mi sitio web usando JavaScript?
estoy creando un sitio web y me gustaría agregar algunas animaciones a mi diseño para que sea mas llamativa visualmente. Tengo entendido que se pueden agregar animaciones utilizando JavaScript, pero ...
0
votos
0
respuestas
86
vistas
Angular 12, animación al cambiar de página en un mat-paginator no funciona
he hecho una galería de productos en angular versión 12 y una paginación con angular material que es el componente https://material.angular.io/components/paginator/overview
La lógica ya la tengo ...
2
votos
1
respuesta
36
vistas
¿Cómo cargar imágenes de un servidor y cambiar de imagen con una seekbar sin que desaparezca la imagen anterior?
Me ha encargado la Universidad Autónoma de Barcelona hacer una app que muestra imágenes de la platina de microscopio de una muestra mineral.
En concreto tengo fotos de la misma muestra espaciadas por ...
0
votos
1
respuesta
37
vistas
No entiendo esta clase para animar JFrames
Esta clase contiene métodos para realizar una animación de slide en los componentes JFrame. Estaría muy agradecido si alguien me explica la lógica detrás de esto. Tengo entendido que utiliza threads, ...
0
votos
0
respuestas
13
vistas
Cómo podría hacer que un gradiente radial cambie su distancia de desplazamiento en función de la resolución?, estoy usando media queries
cómo están?.
Tengo una animación en CSS tomada otro sitio web la cual simula un tanque de agua llenándose, esta animación está hecha con un radial-gradient, mi aplicación web es responsiva y estoy ...
0
votos
0
respuestas
12
vistas
¿Cómo puedo evitar que mi elemento con posición absoluta aumente el viewport y haga que aparezcan las barras de desplazamiento aparezcan?
Estoy trabajando con animaciones. He hecho un elemento (img) de posición absoluta. A este elemento le he dado la posición de tal manera que no se vea en el viewport. Le di valores negativos en left. ...
0
votos
0
respuestas
32
vistas
Unity Animacion queda en loop aunque el checkbox Loop Time este desactivado
empece con unity hace poco y estoy con un problema bastante basico. La animacion una vez que hago click la animacion se mantiene en loop. Revise el campo Loop time de la misma y esta deschekeada. Les ...
0
votos
0
respuestas
31
vistas
GSAP con CDN me funciona bien, pero no consigo utilizarlo cuando lo instalo con NPM
Para hacer una animación he utilizado gsap. Utilizando el script CDN funciona bien
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"
integrity="sha512-
...
0
votos
0
respuestas
18
vistas
Problema con animación en placeholder y label
tengo un problema a la hora de reproducir la misma animación que tiene google forms en donde en una caja de texto dice "Ingrese tu nombre" quiero que se anime hacia arriba , el problema es ...
3
votos
1
respuesta
58
vistas
Problema con animación de borde de una imagen
Estoy haciendo una border animado con CSS que aparece de arriba hacia abajo y el problema que tengo es que la parte superior y derecha aparecen detrás de la imagen, mientras que la parte inferior e ...
0
votos
0
respuestas
43
vistas
Luces en OpenGL
Necesito que una luz (spotlight) se mueva cuando un auto se mueve. El código del modelo del auto es el siguiente:
model = glm::mat4(1.0);
model = glm::translate(model, glm::vec3(0.0f, 2.0f, 0.0f));
...
0
votos
0
respuestas
41
vistas
Como detectar dos colisiones al mismo tiempo?
Mi problema es que quiero que al colisionar con "Fire" se active la animacion de "ContactWithFire" pero que tambien valide si al estar ejecutandose esa animacion collisiona con &...
0
votos
1
respuesta
29
vistas
Animación css para portafolio
una duda, quiero que la animación en css de éste código se haga miniatura también al quitar el mouse de encima, alguna sugerencia?
Código:
#projects img{
height: 200px;
width: 300px;
...
0
votos
0
respuestas
25
vistas
Por que a veces funciona la animacion y otras no
Hice dos programas de animaciones, muy parecidos, pero uno funcion y el otro no.
¿Cual podra ser la causa?
Pero al parece
les dejo el codigo de las dos animaciones:
animacion 1(mover en diagonal la ...
2
votos
2
respuestas
126
vistas
animation menu hamburguesa arriba > abajo / no se ponga encima del header el nav
Quiero que cuando el nav aparezca con la animación que tengo de arriba a abajo el nav o menu este por encima del header, titulo..etc como que aparezca justo cuando termina el header para que la ...
0
votos
0
respuestas
11
vistas
Animar la información de la hora de un mensaje de un chat
Estoy trabajando para una página en desarrollo, estoy encargado del frontend en el módulo del chat, necesito hacer que cuando el usuario haga click sobre un mensaje enviado se muestre de forma animada ...
2
votos
1
respuesta
463
vistas
Animacion boton leer mas o leer menos
estaba practicando utilizar el boton leer mas o leer menos para mostrar o no un texto, lo pude hacer mi problema es que no se como hacer una animacion, yo quiero que al mostrar el parrafo, el cambio ...
0
votos
1
respuesta
18
vistas
CounterUp2 - No puedo animar todos los números
estoy usando el plugin CounterUp2 para animar unos numeros cuando se haga scroll. El problema es que solo se anima el primero de ellos a pesar de tener todos la misma clase. No encuentro mucha ...
0
votos
1
respuesta
174
vistas
Mi servidor IIS muestra la pagina hasta que la carga por completo evitando mostrar la animación de carga
Disculpen, uso wamp en mi pc para desarrollar y mi servidor local donde corre todo es iis, el problema que tengo es que hice una animación para mostrar mientras carga una pagina que requiere muchas ...
0
votos
1
respuesta
37
vistas
¿Porque iis dibuja la pagina hasta que se termina de procesar y wamp la procesa poco a poco?
Disculpen, uso wamp en mi pc para desarrollar y mi servidor local donde corre todo es iis, el problema que tengo es que hice una animación para mostrar mientras carga una pagina que requiere muchas ...
0
votos
1
respuesta
90
vistas
Como puedo animar un listview completo
Como puedo animar con un lapso de tiempo de unos segundos todos lo elementos de un listview ya sean imágenes o texto con java NetBeans, que se muevan de izquierda a derecha.
Lo hago con un hilo pero ...
1
voto
1
respuesta
332
vistas
Animar ida y vuelta de una animacion con hover
Estoy intentando hacer que al poner el cursor del raton sobre una imagen este se mueva un poco hacia abajo, y que al quitar el cursor del elemento vuelva a su posicion original. Y lo he conseguido, el ...
0
votos
1
respuesta
149
vistas
Angular Animation
Intento recrear una animacion de los elementos al entrar en la pagina y al seguir los pasos en los ejemplos encontrados no consigo que ocurre. Si trabajo con datos ya incorporadas funciona pero si se ...
0
votos
1
respuesta
36
vistas
¿Cómo agregar animaciones y cambiar propiedades de etiquetas en un condicional?
Tengo el siguiente problema y la siguiente duda. Tengo dos condicionales, en donde se agregan animaciones, "fadeOutRigth", "fadeInRight", "ninguna", "fadeInLeft"...
1
voto
1
respuesta
2k
vistas
Hacer "label" transparente
quiero que me ayuden a hacer label transparente en tkinter, como que el texto se muestre con una animacion que el texto aparezca transparente y se vaya poniendo normal y luego se desvanezca, como el ...
0
votos
1
respuesta
61
vistas
Por qué mi gráfica en movimiento me sale en distintas imágenes? PYTHON
estoy intentando hacer una gráfica de dispersión y que aparezca un punto y se vaya, aparezca e siguiente y se vaya etc.
Con el código que os adjunto, se me aparece en distintas imágenes, sin embargo ...
0
votos
1
respuesta
342
vistas
Gráfico de dispersión de puntos PYTHON animación
Estoy intentando representar el movimiento de una persona (los datos los saco de una base de datos que incluyen coordenadas y horas) y me gustaría que cada punto de la gráfica se mostrase según el ...
1
voto
0
respuestas
19
vistas
No funciona la transición de mobile menú sin abrir a mobile menu abierto
Siento que es muy "Agresivo" cuando se abre ya que no tiene ninguna animacion, trate de animarlo poniéndole una id para que se desvanezca pero no creo que sea la forma ya que evidentemente ...
0
votos
1
respuesta
147
vistas
Como animar una transicion de colores en flutter?
Estoy tratando de animar el color de un contenedor utilizando un AnimatedBuilder, sin embargo no se ve nada, a pesar de que mi codigo es similar al que se muestra en un ejemplo en línea:
https://docs....
4
votos
1
respuesta
130
vistas
¿Como agregar dos animaciones a una misma etiqueta?
Tengo el siguiente problema y la siguiente duda. Tengo dos condicionales, en donde se agregan animaciones, "fadeOutRigth", "fadeInRight", "ninguna", "fadeInLeft"...
0
votos
1
respuesta
302
vistas
¿Cómo crear una animación de entrada en CSS? [cerrada]
Me gustaría saber como puedo hacer una animación de entrada. Tengo un header que se muestra al desplazarse hacia arriba y se oculta al desplazarse hacia abajo. La entrada del elemento (Header) es muy ...
2
votos
1
respuesta
135
vistas
¿Cómo animar y modificar el atributo "d" en el <path> de un SVG? (Ejemplo convertir un circulo a cuadrado)
Quisiera lograr crear una animación fluida de un SVG que se transforme de un circulo a un cuadrado por medio de modificar el atributo "d" de la etiqueta <path>.
Gracias de antemano
0
votos
1
respuesta
155
vistas
¿Cómo podría mantener constante una animación de css?
me gustaría que tras haber acabado la animación de css animation-duration: 2s; se mantuvieran los valores establecidos en las propiedades de la animación (Márgenes y demás).
He intentado removiendo ...
0
votos
1
respuesta
124
vistas
Usar transition para mover objetos posicionados absolutamente
Tengo un cuadro posicionado relativamente que funciona como contenedor para otros 4 cuadrados más pequeños posicionados absolutamente. Quiero que al hacer :hover sobre el contenedor, todos los cuadros ...
0
votos
1
respuesta
165
vistas
FLUTTER CON GETX: Actualizar la longitud del tabController
yo actualmente tengo una pagina que al entrar crea una intancia de tabController mediante el metodo onInit que provee Getx en sus controladores
class ReadbookController extends GetxController with ...
3
votos
3
respuestas
347
vistas
Usar una animación mientras otro proceso carga
Estoy usando async y await para que, mientras en la consola aparece una animación, la función proceso() cargue, porque la función proceso() es una función que toma mucho tiempo ¿Cómo lo hago? Esto es ...
1
voto
1
respuesta
1k
vistas
Transición css de background-image
quiero animar la transición de cambio de imágenes. Tengo cuatro columnas que cuando se hace hover en cada una de ellas muestra una imagen diferente con un after. Lo que quiero es que tenga una ...
1
voto
2
respuestas
213
vistas
¿Cómo aplicar una animación a los div con la misma clase por separado?
Tengo el siguiente html con una animación hecha en css, en este momento se le aplica a los tres divs juntos y al mismo tiempo, pero necesito que se le aplique a cada div con la clase content por ...
0
votos
0
respuestas
40
vistas
Detener el auto en el tiempo exacto y distancia recorrida (MRUV)
Estoy haciendo una calculadora MRUV y a la vez quiero agregar la animación de un Auto, pero sucede que tengo problemas en detener el auto en el tiempo calculado según las fórmulas del MRUV.
clase Car
...
0
votos
1
respuesta
149
vistas
Detener animación javascript. Balloons birthday
Buen día. Encontré una animación genial, como la que utiliza twitter que salen globos en tu perfil cuando es tu "cumpleaños", que se llama balloons birthday. Quiero utilizarla en una web, es ...
1
voto
0
respuestas
27
vistas
No funciona el ejecutar animaciones en las cards cuando escucho el evento en Javascript
No puedo lograr que anden los efectos al colocar el mouse encima de las cards ni tampoco ejecutar funciones dentro del addEventListener cuando se escucha cada evento para interactuar con las cards... ...
1
voto
0
respuestas
46
vistas
la web se rompe en chrome en algunos moviles por la animacion @keyframes
La web en mi dispositivo en chrome se rompe pero con el mismo en otros dispositivos anda excelente ...
Al igual que si lo veo en chrome en mi dispositivo lo veo mal, pero en mozilla bien ...
Además al ...
1
voto
1
respuesta
486
vistas
Problemas para recorrer NodeList y HtmlElement
Estoy haciendo una animación con swiper, y un texto que se desliza con animate.css, tengo el siguiente Carrousel.
<section class="carousel">
<h2 class="titcarousel"...