Skip to content

Latest commit

 

History

History
59 lines (39 loc) · 1.39 KB

README.md

File metadata and controls

59 lines (39 loc) · 1.39 KB

Drag N Drop

cover

🦉 Main information

Simple project that give you a basic understanding of how drag and drop functionality works.

The project goal:

  • create a few boxes ans one div instde one of these boxes that includes a background image coming from Unsplash random image
  • give a diferent CSS classes for js functionality
  • set up it in HTML, style it with CSS and add the functionality with JavaScript

🦊 Useful links

HTMLElement: dragstart event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragstart_event

HTMLElement: dragend event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragend_event

HTMLElement: dragenter event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragenter_event

HTMLElement: dragover event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragover_event

HTMLElement: dragleave event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dragleave_event

HTMLElement: drag event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drag_event

HTMLElement: drop event

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/drop_event

⚡ Built With

HTML5 / CSS3 / JavaScript