cursor_electron.js
v1.0.4
Published
Responsive and minimal dot with a circle custom cursor made using JavaScript
Downloads
2
Readme
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.
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.