logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git

css-cursors-demo.xhtml (2073B)

    

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:xi="http://www.w3.org/2001/XInclude" xml:lang="en" lang="en">
  3. 	<head>
  4. <!--#include file="/templates/head.shtml" -->
  5. 		<title>CSS cursors demo</title>
  6. 		<link rel="stylesheet" href="css-cursors-demo.css" />
  7. 	</head>
  8. 	<body>
  9. <!--#include file="/templates/en/nav.shtml" -->
  10. 		<main>
  11. 		<h1>CSS cursors demo</h1>
  12. 		<p>You can hover on each word to get it&quot;s corresponding cursor property</p>
  13. 		<ul>
  14. 			<li id="cursors-auto">auto</li>
  15. 			<li id="cursors-default">default</li>
  16. 			<li id="cursors-none">none</li>
  17. 			<li id="cursors-context-menu">context-menu</li>
  18. 			<li id="cursors-help">help</li>
  19. 			<li id="cursors-pointer">pointer</li>
  20. 			<li id="cursors-progress">progress</li>
  21. 			<li id="cursors-wait">wait</li>
  22. 			<li id="cursors-cell">cell</li>
  23. 			<li id="cursors-crosshair">crosshair</li>
  24. 			<li id="cursors-text">text</li>
  25. 			<li id="cursors-vertical-text">vertical-text</li>
  26. 			<li id="cursors-alias">alias</li>
  27. 			<li id="cursors-copy">copy</li>
  28. 			<li id="cursors-move">move</li>
  29. 			<li id="cursors-no-drop">no-drop</li>
  30. 			<li id="cursors-not-allowed">not-allowed</li>
  31. 			<li id="cursors-grab">grab</li>
  32. 			<li id="cursors-grabbing">grabbing</li>
  33. 			<li id="cursors-e-resize">e-resize</li>
  34. 			<li id="cursors-n-resize">n-resize</li>
  35. 			<li id="cursors-ne-resize">ne-resize</li>
  36. 			<li id="cursors-nw-resize">nw-resize</li>
  37. 			<li id="cursors-s-resize">s-resize</li>
  38. 			<li id="cursors-se-resize">se-resize</li>
  39. 			<li id="cursors-sw-resize">sw-resize</li>
  40. 			<li id="cursors-w-resize">w-resize</li>
  41. 			<li id="cursors-ew-resize">ew-resize</li>
  42. 			<li id="cursors-ns-resize">ns-resize</li>
  43. 			<li id="cursors-nesw-resize">nesw-resize</li>
  44. 			<li id="cursors-nwse-resize">nwse-resize</li>
  45. 			<li id="cursors-col-resize">col-resize</li>
  46. 			<li id="cursors-row-resize">row-resize</li>
  47. 			<li id="cursors-all-scroll">all-scroll</li>
  48. 			<li id="cursors-zoom-in">zoom-in</li>
  49. 			<li id="cursors-zoom-out">zoom-out</li>
  50. 		</ul>
  51. 		</main>
  52. <!--#include file="/templates/en/footer.shtml" -->
  53. 	</body>
  54. </html>