Scroll Scape is a web-based project that showcases smooth horizontal scrolling effects with little animations using HTML, CSS, and JavaScript.
- Smooth scrolling animations
- Interactive elements
- Responsive design
-
Clone the repository:
git clone https://github.com/rudra-xi/scroll-scape.git
-
Navigate to the project directory:
cd scroll-scape
This project uses the following libraries:
-
Swiper: A modern touch slider library.
-
CDN Fonts: For custom web fonts.
Include the following in your HTML file:
<!-- Swiper CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> <!-- Swiper JS --> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
/* CDN Font: "Guthen Bloots Personal Use" */ @import url("https://fonts.cdnfonts.com/css/guthen-bloots-personal-use");
Open index.html in your web browser to view the project.
-
Fork the repository.
-
Create a new branch:
git checkout -b feature-branch
-
Make your changes and commit them:
git commit -m "Add new feature" -
Push to the branch:
git push origin feature-branch
-
Create a pull request.
This project is licensed under the MIT License. See the file for more information.
