Cursor_electron.js NPM

electron-cursor.js

Hey folks out there this repository is about a custom cursor generated using JavaScript and by using this library you can get a custom cursor just by adding two lines in your HTML it's simple as that.

Those who don't know what custom cursor stands for so here is a preview for you.

click here to see the demo

Usage

HTML

<head>

<link rel="stylesheet" href="https://codepen.io/harsh-vardhan/pen/yWzQBq.css">

</head>
<body>

<!-- add this at the end of body --> 
<div class="cursor-dot-outline"></div> <div class="cursor-dot"></div>

<script src="cursor.js">
</script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

</body>

Customization

If you want to customise the colour of the cursor you can add these few lines in your CSS.

CSS

.cursor-dot {
  width: 8px;  //add width of your choice
  height: 8px; //add height of your choice
  background-color: #000; //you can change color of cursor dot.
}

.cursor-dot-outline {
  width: 40px;  //add width of your choice
  height: 40px;  //add height of your choice
  background-color: transparent; //optional
  border: 2px solid #000; //you can change border color
}

and ya you are good to go.

Hope this helped you💜.

javascript

@infinitebrahmanuniverse/nolb-cur @everything-registry/sub-chunk-1427

5 years ago

5 years ago

5 years ago

5 years ago