¿Cómo puedo implementar el efecto Swiper panorama 3D en reaccionar? He hecho esto en reaccionar y he hecho una animación CSS normal para este control deslizante, pero no sé cómo cambiar dinámicamente estas propiedades.
transformar: traducirX(-50px) traducirZ(1.147px) rotarY(150grados);
<Swiper effect={"coverflow"} grabCursor={true} centeredSlides={true} slidesPerView={window.innerWidth < 768 ? 1 : 'auto'} spaceBetween={10} loop={true} // slidesPerView={'auto'} coverflowEffect={{ rotate: 5, stretch: 0, depth: 100, modifier: 1, slideShadows: false, }} pagination={false} modules={[EffectCoverflow, Pagination]} className="mySwiper" > {workData.map((e,index)=>{ return ( <SwiperSlide key={index} > <video className="video" width='100%' height='100%' onMouseOver={event => event.target.play()} onMouseOut={event => event.target.pause()} loop muted > <source src={e.img} /> </video> </SwiperSlide> ) })} </Swiper>