-
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
Showing
1 changed file
with
28 additions
and
2 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 |
---|---|---|
@@ -1,2 +1,28 @@ | ||
# DYNAMIC-PORTFOLIO-PROJECTS | ||
π Unveil interactive web brilliance! Explore our GitHub repo showcasing modern web section with Locomotive JS, GSAP, & minimal CSS. Hover to reveal project images, cursor magnifies, text fades. Elevate user experience elegantly. Dive in! π»β¨ | ||
Modern Web Page Section with Interactive Effects | ||
Welcome to the README for our GitHub repository showcasing a cutting-edge web page section created using Locomotive JS, GSAP, and minimalist CSS design. | ||
|
||
https://github.com/ANSHPG/DYNAMIC-PORTFOLIO-PROJECTS/assets/132222062/4c702dbf-fb5a-4fe5-9aca-34eff1cc4149 | ||
|
||
Overview | ||
This repository demonstrates a modern approach to web design, combining advanced technologies to deliver an engaging user experience. When interacting with this web page section, the following dynamic effects come to life: | ||
|
||
Hover Effect: As you hover your cursor over a project div, the corresponding project image smoothly emerges, capturing your attention instantly. | ||
|
||
Text Reveal: Simultaneously, the text content gracefully fades in, providing context to the project. The text's opacity decreases, adding a layer of visual elegance. | ||
|
||
Technologies Used | ||
Locomotive JS: Ensuring seamless scrolling for an immersive browsing experience. | ||
GSAP (GreenSock Animation Platform): Powering dynamic cursor animations and smooth transitions. | ||
Minimalist CSS Design: Focusing on simplicity and elegance to highlight content and interaction. | ||
How to Use | ||
Clone this repository to your local machine. | ||
Open the HTML file in your preferred browser. | ||
Hover over the project divs to witness the captivating interactive effects. | ||
Dive into the code to understand the implementation details. | ||
Contributions and Feedback | ||
We welcome contributions to enhance this project further. Feel free to fork the repository, make improvements, and submit pull requests. If you have any questions, ideas, or feedback, please don't hesitate to get in touch. | ||
|
||
Let's redefine web interactions together! ππ¨ | ||
|
||
|
||
|