https://github.com/cpadlab/jquery-mask-entry-animation
Implementation of an intro animation with clip-path mask for images using jQuery and jQuery UI, inspired by the Olivier Larose.
https://github.com/cpadlab/jquery-mask-entry-animation
Last synced: about 1 year ago
JSON representation
Implementation of an intro animation with clip-path mask for images using jQuery and jQuery UI, inspired by the Olivier Larose.
- Host: GitHub
- URL: https://github.com/cpadlab/jquery-mask-entry-animation
- Owner: cpadlab
- License: mit
- Created: 2024-11-19T08:06:49.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-23T21:32:37.000Z (over 1 year ago)
- Last Synced: 2025-05-11T20:15:41.520Z (about 1 year ago)
- Language: JavaScript
- Size: 1.59 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# JQuery Mask Entry Animation
Implementation of an intro animation with clip-path mask for images using jQuery and jQuery UI, inspired by the [Olivier Larose](https://blog.olivierlarose.com/tutorials/mask-entry).
Read blog post: [Medium/cpadlab](https://medium.com/@cpadlab/jquery-mask-entry-animation-62325bb9b35b)
Live demo: [Codepen/cpadlab](https://codepen.io/cpadlab/pen/oNKJwqN)
## Requirements
- [jQuery](https://jquery.com/) (version 3.x or higher)
- [jQuery UI](https://jqueryui.com/) (for animations)
You can add these files to your project by downloading them from their respective websites or by including the links through a CDN, they are included in the repository.
## Install
```bash
git clone https://github.com/cpadlab/JQuery-Mask-Entry-Animation
cd JQuery-Mask-Entry-Animation && ./index.html
```
## Gallery
