Welcome to the Anime Parallax Showcase Website, an immersive, visually captivating collection of popular anime shows and movies presented through a parallax scrolling effect.
- Parallax Scrolling: Each anime section features a full-screen background with a parallax effect for a dynamic user experience.
- Grid-Centered Content: The content for each anime title is placed centrally within the viewport for optimal visibility and focus.
- Fixed Background: The anime backgrounds are set to remain fixed in place while the user scrolls through the titles, enhancing the parallax effect.
- Responsive Design: Ensures smooth viewing experience across different devices, with special attention to larger screens (>1200px).
- Anime Themed: Showcases a range of popular anime series and movies such as Jujutsu Kaisen, Attack on Titan, Silent Voice, and more.
- Custom Font Integration: Utilizes a custom font for text elements to enhance the visual appeal.
-
Clone the repository:
git clone https://github.com/Abhinavan2004/anime-parallax-showcase.git ` -
Navigate to the project directory:
cd anime-parallax-showcase -
Open
index.htmlin your preferred browser to explore the parallax effects and anime titles.
- HTML5: Structure of the website.
- CSS3: Styling and parallax effect implementation.
- Font-face: Custom font integration for the page.
- Responsive Media Queries: To adjust the layout based on screen size.
- Add additional anime titles and dynamic loading effects.
- Implement a navigation bar for easier section jumping.
- Add background music for each anime section to enhance the immersive experience.
Feel free to contribute, report issues, or suggest enhancements!