Skip to content

Latest commit

 

History

History
45 lines (29 loc) · 1.26 KB

README.md

File metadata and controls

45 lines (29 loc) · 1.26 KB

drag-and-drop

Visit Project Live Website - https://maykkkk.github.io/drag-and-drop/ Here's an example README.md file for drag-and-drop project:

# Drag and Drop Example

This is a simple web page that demonstrates drag and drop functionality using HTML, CSS, and JavaScript. Users can drag items from one container to another.

## Usage

1. Clone the repository:
   ```bash
   git clone https://github.com/Maykkkk/drag-and-drop.git

  1. Open the index.html file in a web browser.

  2. Drag items from the left container to the right container.

  3. To reset the containers, click the "Reset" button.

Features

  • Drag and drop functionality using native HTML5 Drag and Drop API.
  • Visual feedback during dragging with opacity and scale transformation.
  • Success message displayed when an item is dropped into the second container.
  • Reset button to clear the second container and reset the first container to its original state.

Technologies Used

  • HTML
  • CSS
  • JavaScript

Credits

License

This project is licensed under the MIT License.


Feel free to customize the content of the README.md file according to your project's specific details and requirements.