- add screenshot for CSS Cursor Playground

- add CSS Cursor Playground to sidebar and tools.json

Author: TobiasMue91

data/tools.json

@@ -1329,5 +1329,16 @@
     "aiPowered": false,
     "featured": false,
     "date": "2025-04-22"
+  },
+  {
+    "id": "css_cursor_playground",
+    "title": "CSS Cursor Playground - Interactive CSS Cursor Property Tool",
+    "description": "Explore and experiment with all CSS cursor properties in this interactive playground. Test standard cursors, create custom cursors, and generate CSS code for your web projects.",
+    "url": "tools/css_cursor_playground.html",
+    "screenshot": "screenshots/screenshot_174.png",
+    "type": "tool",
+    "aiPowered": false,
+    "featured": false,
+    "date": "2025-04-29"
   }
 ]

screenshots/screenshot_174.png

@@ -259,6 +259,7 @@ <h2>Tools by ChatGPT</h2>
       <li><a href="/games/asteroids_3d.html">3D Asteroids</a></li>
       <li><a href="/tools/zalgo_text_generator.html">Zalgo Text Generator</a></li>
       <li><a href="/tools/character_map_explorer.html">Character Map Explorer</a></li>
+      <li><a href="/tools/css_cursor_playground.html">CSS Cursor Playground - Interactive CSS Cursor Property Tool</a></li>
 <!-- end -->
     </ul>
   </div>