Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

197
Vistas
¿Cómo crea Google Drive esta animación de arrastre de archivos en su sitio web?

Al arrastrar varios archivos en Google Drive, realiza la animación elegante donde comprime los archivos en una pila y muestra un contador para los archivos en la esquina superior derecha. La respuesta que busco no se trata del CSS exacto requerido para la animación, pero busco una respuesta que pueda describir el proceso general de cómo se hace esto, comenzando con el evento DOM dragstart. Por lo que sé, cuando un elemento comienza a ser arrastrado, el navegador toma una captura de pantalla de mapa de bits del elemento y la usa como la imagen del cursor de arrastre. También sé que puede configurar la imagen de arrastre en el evento dragstart, sin embargo, ¿cómo generan y configuran dinámicamente la imagen de arrastre con el nombre del archivo?

GIF de demostración de animación de arrastre de Google Drive (2x)

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

No es una imagen de arrastre porque si mueve el cursor lo suficientemente rápido, verá que su velocidad está tratando de alcanzarlo: su position: fixed con la top: y la left: (o translate o cualquier número de métodos) siendo desde sus coordenadas iniciales hasta las coordenadas de su mouse (evento mousemove ), y la velocidad es transition: top 0.2, left 0.2 .

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda