# ngx-cursor-hover (latest)
[](https://npmjs.org/package/ngx-cursor-hover)
[](https://badge.fury.io/js/ngx-cursor-hover)
[](https://www.jsdelivr.com/package/npm/ngx-cursor-hover)
The CSS cursor property specifies the mouse cursor to be displayed when pointing over an element. It can be used to change the cursor to a variety of different shapes, such as a hand, a crosshair, or an arrow.
The cursor property is used to improve the user experience by providing visual cues about the actions that can be performed on an element. For example, a hand cursor is typically used to indicate that an element can be clicked, while a crosshair cursor is typically used to indicate that an element can be resized.
[](https://www.beforepost.com/package/ngx/ngx-cursor-hover)
- `ngxCursor` Add directive to any HTML block element in order to enable cursor.
# Import Style
- [x] Import using CSS CDN and Add it to your application
```HTML
```
Add `crossorigin` attribute as (use-credentials or anonymous) to link element if required.
- [x] Directly add it to your Css / Scss file.
```CSS
@import url("https://cdn.beforepost.com/neptune/ngx-cursor-hover-minified.css");
```
[](https://www.beforepost.com/package/ngx/ngx-cursor-hover)
---
### Import
Import the module on your `app.module.ts` file as follow.
> import { NgxCursorHoverModule} from "ngx-cursor-hover";
### Add to imports
```
imports: [
...
NgxCursorHoverModule
...
],
```
### Core function
```
# ngx-cursor-hover (latest)
[](https://npmjs.org/package/ngx-cursor-hover)
[](https://badge.fury.io/js/ngx-cursor-hover)
[](https://www.jsdelivr.com/package/npm/ngx-cursor-hover)
The CSS cursor property specifies the mouse cursor to be displayed when pointing over an element. It can be used to change the cursor to a variety of different shapes, such as a hand, a crosshair, or an arrow.
The cursor property is used to improve the user experience by providing visual cues about the actions that can be performed on an element. For example, a hand cursor is typically used to indicate that an element can be clicked, while a crosshair cursor is typically used to indicate that an element can be resized.
[
](https://www.beforepost.com/package/ngx/ngx-cursor-hover)
- `ngxCursor` Add directive to any HTML block element in order to enable cursor.
# Import Style
- [x] Import using CSS CDN and Add it to your application
```HTML
```
Add `crossorigin` attribute as (use-credentials or anonymous) to link element if required.
- [x] Directly add it to your Css / Scss file.
```CSS
@import url("https://cdn.beforepost.com/neptune/ngx-cursor-hover-minified.css");
```
[
](https://www.beforepost.com/package/ngx/ngx-cursor-hover)
---
### Import
Import the module on your `app.module.ts` file as follow.
> import { NgxCursorHoverModule} from "ngx-cursor-hover";
### Add to imports
```
imports: [
...
NgxCursorHoverModule
...
],
```
### Core function
```