Make Div Draggable using CSS

by

This is the best you can do without JavaScript:

[draggable=true] {
  cursor: move;
}

.resizable {
  overflow: scroll;
  resize: both;
  max-width: 300px;
  max-height: 460px;
  border: 1px solid black;
  min-width: 50px;
  min-height: 50px;
  background-color: skyblue;
}
<div draggable="true" class="resizable"></div>

Demo

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Set width on div
  3. How to Make columns in row [closed]
  4. How to add images in select list?
  5. Is it wrong to change a block element to inline with CSS if it contains another block element?
  6. How to position text over an image with CSS
  7. Percent pie chart with css only
  8. CSS selector by inline style attribute
  9. :last-child not working as expected?
  10. Why is my Grid element’s height not being calculated correctly?
  11. Horizontal list items
  12. Margin top in inline element
  13. Input size vs width
  14. Stretch background image css?
  15. Bootstrap – align button to the bottom of card
  16. How to remove “Invisible space” from HTML [duplicate]
  17. Difference between “visibility:collapse” and “display:none”
  18. Is it possible to use CSS vars in CSS3 selectors?
  19. Chrome does not expand flex parent according to children’s content [duplicate]
  20. How do I add a highlight behind the text via CSS so it looks like Instagram-one below?
  21. How to remove indentation from an unordered list item?
  22. How can I vertically center text in a dynamically height div?
  23. grid-auto-flow in snake lines?
  24. It is possible to expand a textarea only with CSS?
  25. How do I vertically align something inside a span tag?
  26. min-height does not work with body
  27. How to make div appear in front of another?
  28. CSS crop string in the middle
  29. Change image on hover
  30. What does “semantically correct” mean?

Leave a Comment