https://github.com/uiuniversal/magnify
Angular magnify directive
https://github.com/uiuniversal/magnify
Last synced: 6 months ago
JSON representation
Angular magnify directive
- Host: GitHub
- URL: https://github.com/uiuniversal/magnify
- Owner: uiuniversal
- Created: 2023-07-29T16:32:16.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-24T09:08:22.000Z (over 2 years ago)
- Last Synced: 2025-07-09T13:19:05.962Z (10 months ago)
- Language: TypeScript
- Homepage: https://uiuniversal.github.io/magnify/
- Size: 729 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Magnify
Magnify directive helps to magnify the image on mouse hover. Currently it is only work if **z** is pressed and hover on image.
To implement this directive, you need to add **magnify** attribute to the image tag.
```ts
import { Magnify } from '@ngu/magnify';
@NgModule({
Imports: [
Magnify
]
})
export class AppModule {}
```
Or You can use it on standalone component.
```ts
import { Magnify } from '@ngu/magnify';
@Component({
standalone: true,
imports: [
Magnify
],
selector: 'app',
...
})
```
```html
```