-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
87bbf3a
commit 98c801d
Showing
1 changed file
with
41 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,41 @@ | ||
| # Animated Page | ||
|
|
||
| This project consists of an animated webpage built using HTML, CSS, and JavaScript, incorporating various libraries for animations and interactive elements. | ||
|
|
||
| ## Overview | ||
|
|
||
| The webpage is designed to provide a visually engaging experience for users, featuring animations, scrolling effects, and interactive elements. It includes sections such as navigation, a hero section, and other content areas. | ||
|
|
||
| ## Features | ||
|
|
||
| - **Animated Background**: The `backPosition` section contains a series of images, likely for a slideshow or background carousel effect, providing visual interest to the page. | ||
| - **Navigation**: The `nav` section includes links for navigating the website, providing users with easy access to different sections. | ||
| - **Hero Section**: The `hero` section is the focal point of the webpage, featuring dynamic text and buttons for exploring further. | ||
| - **Responsive Design**: The webpage is designed to be responsive, ensuring optimal viewing experience across various devices and screen sizes. | ||
|
|
||
| ## Libraries Used | ||
|
|
||
| - **GSAP**: Used for advanced animations and scroll-triggered effects. | ||
| - **Three.js**: Used for creating 3D graphics and animations. | ||
| - **ControlKit.js**: Used for building GUIs for controlling parameters in JavaScript. | ||
| - **Shery.js**: A library for creating interactive and animated elements. | ||
|
|
||
| ## Usage | ||
|
|
||
| 1. Clone the repository: `git clone https://github.com/your-username/animated-page.git` | ||
| 2. Open the `index.html` file in your web browser to view the webpage. | ||
|
|
||
| ## Additional Notes | ||
|
|
||
| - Ensure an active internet connection to fetch external libraries used in the project. | ||
| - Customize the content and styles in the HTML, CSS, and JavaScript files (`style.css` and `script.js`) to suit your needs. | ||
| - Explore the documentation of the libraries used to extend and customize the functionalities of the webpage further. | ||
|
|
||
| ## Credits | ||
|
|
||
| - **GSAP**: GreenSock Animation Platform - [Website](https://greensock.com/gsap/) | ||
| - **Three.js**: JavaScript 3D Library - [Website](https://threejs.org/) | ||
| - **ControlKit.js**: GUI for JavaScript - [GitHub](https://github.com/automat/controlkit.js) | ||
| - **Shery.js**: Animation Library - [GitHub](https://github.com/yumiamnesia/Shery) | ||
|
|
||
|
|