you-dont-need · urjabahad · Oct 30, 2023 · Oct 30, 2023 · Oct 30, 2023 · Oct 30, 2023
diff --git a/CSS Cursors/Readme.md b/CSS Cursors/Readme.md
@@ -0,0 +1,12 @@
+Working demostration of the code:
+
+https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/7d9c9f7d-ed00-45f1-a088-8b0d8125bddb
+
+Working Screenshot:
+![image](https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/a5193341-032d-446f-bdec-dec0cd427067)
+
+<img width="585" alt="2" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/881cf3cb-b5cd-48e1-a3f2-b212710fe895">
+<img width="593" alt="3" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/f0de5bc4-2d81-41c8-bf37-06cdafb7db54">
+<img width="583" alt="4" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/592f8870-a6f3-4243-9a52-a032f79781ae">
+<img width="534" alt="5" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/0a75986b-531f-4aec-ac41-e25e82e4a2de">
+
diff --git a/CSS Cursors/cursors.html b/CSS Cursors/cursors.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CSS Cursors</title>
+</head>
+<body>
+    <h4>Move the cursor over the text below to see the cursor change:</h4>
+    <div style="cursor:auto;">Auto</div>
+    <br>
+    <div style="cursor:default;">Default</div>
+    <br>
+    <div style="cursor:crosshair">CrossHair</div>
+    <br>
+    <div style="cursor:wait;">Wait</div>
+    <br>
+    <div style="cursor:text;">Text</div>
+</body>
+</html>
diff --git a/README.md b/README.md
@@ -89,7 +89,7 @@ Please be aware that the demos may exhibit significant accessibility issues, suc
 - [Contributing](#contributing)
 - [CSS Toggle](#toggle)
 - [Sliced Button](#slicedbutton)
-
+- [CSS Cursors](#csscursors)
 
 
 ## <a id="toggle"></a>CSS Toggle
@@ -852,7 +852,15 @@ Please be aware that the demos may exhibit significant accessibility issues, suc
 **[⬆ back to top](#quick-links)**
 =======
 &nbsp;
+## <a id="csscursors"></a>CSS Cursors
+<img height="230" alt="cursor5" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/4a591092-6f01-48eb-9925-44ad07c3cb7a">
+<img height="230" alt="cursor4" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/64380883-7190-4158-92d5-100784c9f42d">
+<img height="230" alt="cursor3" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/00d492bc-0b26-41bf-969c-2f518e9cbabf">
+<img height="230" alt="cursor2" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/cb44187b-781e-4958-a192-ce9271373bdf">
+<img height="230" alt="cursor1" src="https://github.com/urjabahad/You-Dont-Need-JavaScript/assets/127567639/6b28901b-a16c-47b5-85b9-9862f72236b3">
 
+**[⬆ back to top](#quick-links)**
+=======
 
 ---
 

diff --git a/images/cursor1.PNG b/images/cursor1.PNG
diff --git a/images/cursor2.PNG b/images/cursor2.PNG
diff --git a/images/cursor3.PNG b/images/cursor3.PNG
diff --git a/images/cursor4.PNG b/images/cursor4.PNG
diff --git a/images/cursor5.PNG b/images/cursor5.PNG