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?
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
.