[](https://de.wikipedia.org/wiki/Cascading_Style_Sheets/)
[](https://github.com/pt1602/cursor/graphs/commit-activity)
[](https://github.com/pt1602/cursor/network/)
[](http://makeapullrequest.com)
[](https://github.com/pt1602/cursor/stargazers/)
---
# PT1602 - Cursor
A simple custom cursor created with scss and typescript, for me to create my first npm package.
---
__[Demo](https://pt1602.github.io/cursor/)__
---
## Setup
Add the styling into your `` tag of your project. Like this:
```html
```
and this `
```
Last step is to add the following div somewhere to your project.
```html
```
---
## Configuration
Via the `data-cursor-delay` attribute you are able to set a custom delay for the animation (default 300).
__Example:__
```html
```
## Styling
To add your own styling just override the default css variables.
```css
* {
--cursor-primary-color: #55fff5;
--cursor-z-index: 100;
--cursor-dot-color: var(--cursor-primary-color);
--cursor-dot-size: 5px;
--cursor-outline-size: 30px;
--cursor-outline-width: 2px;
--cursor-outline-color: var(--cursor-primary-color);
--cursor-border-radius: 50%;
}
```
---
[](https://lbesson.mit-license.org/)
