A Dot Following Mouse Cursor / Components Hovering Effect.
https://h2-won.github.io/HUI/cursorEffect
And specify the color and size of the cursor.
<div class="cursor" color="#a29bfe" size="5px"></div>
<link rel="stylesheet" href="your_some_path/cursorEffect.css">
<script src="your_some_path/cursorEffect.js"></script>
What can be adjusted is the color, size, thickness, and font size of the text when hovering.
<script>
// cursorEffect(componentClassName, hoverText, hoverColor, hoverSize, hoverThickness, fontSize)
cursorEffect('demoDiv1');
cursorEffect('demoDiv2', 'Hello !', '#ffeaa7', '6em', '4px', '1.5rem');
cursorEffect('demoDiv3', '❤', 'pink', '0', '2.5px', '3rem');
cursorEffect('someButton', 'Click', 'lightcoral', '3em');
</script>