🎯 Custom Cursor Style | V1

A minimal, stylish custom cursor effect made with HTML, CSS, and vanilla JavaScript.
Ideal for interactive websites, portfolios, or any layout that demands a bit of flair.

Smooth animations. Fully customizable. No dependencies.

---

🚀 What It Does

• Replaces the default cursor with a custom animated dot + circle.
• Follows user movement in real-time with a trailing animation.
• Expands and reacts on hover and click events.
• Easy to implement and modify.

---

🧠 How It Works

• HTML provides a simple structure with no extra markup.
• CSS handles styling, sizing, and animations of the cursor elements.
• JavaScript listens for mouse movement and interaction events:
  • mousemove updates cursor position.
  • mousedown and mouseup trigger scaling animations.
  • mouseenter / mouseleave control visibility and reset.

---

🛠️ Features

• 🌀 Smooth trailing animation
• 🖱️ Interactive scaling on click/hover
• 🎨 Clean, modern design
• 💡 Easily themeable via CSS variables
• 📦 Lightweight and dependency-free

---

🧪 Browser Support

Fully compatible with modern browsers:

• ✅ Chrome
• ✅ Firefox
• ✅ Safari
• ✅ Edge
• ✅ Arc
• ✅ Brave

⚠️ Older browsers may not support scroll-behavior: smooth or modern CSS features.

---

📌 Known Limitations

• Scroll snapping is not yet implemented.
• Scrollbar visibility may vary across browsers; customization may be required.
• Keyboard navigation support is not included in this version.

---

---

⚙️ Installation – Custom Cursor Style V1

1. Clone or Download:

bash git clone https://github.com/masterjaneza/custom-cursor-style---V1.git

• Open the Project:
  • Open index.html in your browser
    or
  • Use Live Server in VS Code.

---

🧪 License

This project is open source — use it, fork it, tweak it, remix it.
Just give credit where it’s due. ✌️

---

🌟 Support the Project

If you like this or find it useful, give it a ⭐ star on GitHub.
Fork it, extend it, tag me — let’s inspire each other to scroll sideways in style.

---

✍️ Credits

Designed & developed by
Davit Janezashvili
aka MasterJaneza – Creative Developer & Designer

---

⚠️ Note

📱 For best visuals, use in light mode.
Some gradients or shadows may appear dull in dark mode.