CSS for grabbing cursors (drag & drop)

by

In case anyone else stumbles across this question, this is probably what you were looking for:

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

More Related Contents:

  1. How to change the cursor into a hand when a user hovers over a list item?
  2. Custom Cursor Image CSS
  3. Animated cursor support in web applications?
  4. Custom cursor image doesn’t work in all IEs?
  5. Prevent content from expanding grid items
  6. Click through div to underlying elements
  7. Position deeply nested elements in a higher level grid container
  8. Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]
  9. CSS Property Border-Color Not Working
  10. Browsers’ default CSS stylesheets
  11. What are -moz- and -webkit-? [duplicate]
  12. HTML 5 strange img always adds 3px margin at bottom [duplicate]
  13. CSS: center element within a element
  14. How can I transition width of content with width: auto?
  15. Create a Masonry grid with flexbox (or other CSS)
  16. What is the current state of the “scoped” attribute for the style element in HTML5?
  17. Does IE 8 have a limit on number of stylesheets per page?
  18. Is it possible to use a CSS wildcard in the middle of an attribute selector?
  19. Transparent rounded corners on Google Map
  20. Dynamic styleUrls in angular 2?
  21. Django Forms and Bootstrap – CSS classes and
  22. Apple-like scrollbars using CSS
  23. How do I extend a class/mixin which has dynamically formed selector
  24. Without media queries how to achieve 3 column desktop to 1 column mobile layout
  25. Reuse CSS animation in reversed direction (by resetting the state?)
  26. Pure CSS animation visibility with delay
  27. Make table cells square
  28. Setting different lengths for grid gaps in CSS Grid
  29. How to select all elements whose ID starts and ends with specific strings?
  30. First-child full-width in Flexbox

Leave a Comment