Estoy tratando de hacer una cartera. Mi intro tiene un dom como este
<div className={clsx("inline-flex", "items-center", "space-x-4")}> <div id="logo" className={"flex"}> <LoaderIcon isOnLoader={true}/> </div> <div className={"flex flex-col"} id={"title_container"}> <div id="subtitle" className={"text-neon-violet"}> {descriptionSmall} </div> <div id={"title"} className={"text-neon-violet text-4xl tracking-tighter"}> {title} </div> </div> </div> En la animación, estoy reduciendo el #title_container a 0 usando
loader.add({ targets: "#title_container", duration: 800, easing: 'easeInOutQuart', scale: 0, }) El #title_container desaparece, pero el #logo permanece en el mismo lugar.
Quiero hacer la animación como si el título se encogiera y el logotipo se centrara al mismo tiempo.
Por favor, ayúdame con esto. Gracias
Hasta donde yo sé, tenemos una línea de tiempo en animejs. Seguimos añadiendo los elementos que necesitan ser animados.
Aquí hay un enlace a los documentos de la línea de tiempo para animejs. https://animejs.com/documentation/#timelineBasics