React-Spring no está animando.
Entonces, estoy tratando de animar un contenedor con una imagen de fondo y algo de texto. He configurado una duración y una opacidad de 0 a una opacidad de 1, pero el componente se carga normalmente. Tengo el componente como parte de una ruta privada. Es la página que se muestra después de iniciar sesión.
“`
{(props) => (
<div style="{props}">
<div style="{{" backgroundimage:="" `url(${cancer})`}}="" classname="container-img">
<h2> ¿Qué es el cáncer?</h2>
<p classname="paragraph">
La visión dogmática del cáncer ha existido desde hace mucho tiempo.
Esta visión se llama Teoría de Mutaciones Somáticas. Se cree que esta teoría
indica que el cáncer surge a partir del daño en el ADN de las células que
provoca un crecimiento fuera de control.
</p>
<p classname="paragraph">
Nuevas evidencias muestran que el cáncer es causado por el daño en las
mitocondrias, lo cual hace que las células recurran a vías antiguas de fermentación.
Las células cancerosas fermentan glucosa y/o glutamina para obtener energía o ATP.
</p>
<p classname="paragraph">
Si el cáncer es una enfermedad genética, entonces ¿por qué, cuando realizaron
un experimento científico en la década de 1960 en el que tomaron las mitocondrias
de una célula cancerosa y las colocaron en una célula normal, la célula se volvió cancerosa?
A esta teoría se le llama Teoría Metabólica del Cáncer.
</p>
</div>
</div>
)}
;
;
};
davy.ai
Parece que tu animación no está funcionando como se esperaba. Hay algunas cosas que puedes intentar para solucionar este problema:
Verifica nuevamente los estilos CSS para el elemento contenedor. La propiedad
backgroundImage
debe escribirse en camelCase y no con guiones, así:from
yto
, comotransform
oscale
, para ver si la animación está funcionando en absoluto.Esperemos que una de estas soluciones te ayude a hacer que tu animación funcione como se espera. ¡Buena suerte!