Preguntas con la etiqueta [animación]

La animación es el proceso utilizado para dar la sensación de movimiento a imágenes.

Filtrar por
Ordenado por
Etiquetadas con
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
edwimeca's user avatar
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 ...
José Ignacio's user avatar
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 { ...
Gabriel Jose Chirinos Zarraga's user avatar
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 ...
Alexandra's user avatar
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 ...
Yankiel Yong's user avatar
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: @...
Manuuu's user avatar
  • 45
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 ...
JULTRUN333's user avatar
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 ...
NicolasDS88's user avatar
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 ...
Juan Jesús Sedano Calderón's user avatar
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 ...
user avatar
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, ...
Lonely Walker's user avatar
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 ...
vram's user avatar
  • 83
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. ...
zaraterdz's user avatar
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 ...
Excedd's user avatar
  • 11
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- ...
Jose L.'s user avatar
  • 355
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 ...
programador novato's user avatar
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 ...
Cristhian Chavez's user avatar
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)); ...
Bar Hector's user avatar
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 &...
Juan's user avatar
  • 1
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; ...
Fausto's user avatar
  • 3
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 ...
julio godoy's user avatar
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 ...
FranyxD's user avatar
  • 671
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 ...
Edani's user avatar
  • 1
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 ...
Luca Heredia's user avatar
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 ...
parraprojects's user avatar
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 ...
Jaime Rodriguez's user avatar
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 ...
Jaime Rodriguez's user avatar
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 ...
El compa's user avatar
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 ...
Sanwych's user avatar
  • 185
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 ...
Tomasz Vizaint's user avatar
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"...
Alexandro Garcia's user avatar
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 ...
fourseven's user avatar
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 ...
Agustina de tommaso's user avatar
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 ...
Agustina de tommaso's user avatar
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 ...
Sharkkk's user avatar
  • 11
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....
Om Tav's user avatar
  • 3
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"...
Alexandro Garcia's user avatar
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 ...
Daniel's user avatar
  • 13
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
adriso94yo's user avatar
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 ...
Ssnov's user avatar
  • 426
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 ...
Andrés Arrieche's user avatar
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 ...
Bb028's user avatar
  • 23
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 ...
Blyxyas's user avatar
  • 55
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 ...
Asier Fernández Bastida's user avatar
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 ...
Batman Dorado's user avatar
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 ...
DarkVaderM's user avatar
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 ...
Oox's user avatar
  • 69
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... ...
OtroMasComoTu's user avatar
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 ...
Mauricio Durcak's user avatar
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"...
Matias Escobar's user avatar