https://github.com/yashi-singh-1/day-36-image-carousel

This challenge showcases an elegant image carousel using HTML and CSS animations. The carousel features a smooth transition effect between four images, creating a dynamic and visually appealing presentation.
https://github.com/yashi-singh-1/day-36-image-carousel

100daysofcode 100daysofcss css css-carousel css-challenge css3 csscarousel csschallenge html html-css html5 html5-css3 htmlcss

Last synced: about 1 month ago
JSON representation

This challenge showcases an elegant image carousel using HTML and CSS animations. The carousel features a smooth transition effect between four images, creating a dynamic and visually appealing presentation.

• Host: GitHub
• URL: https://github.com/yashi-singh-1/day-36-image-carousel
• Owner: Yashi-Singh-1
• Created: 2024-07-15T09:16:41.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-07-15T09:36:36.000Z (5 months ago)
• Last Synced: 2024-07-15T11:31:36.346Z (5 months ago)
• Topics: 100daysofcode, 100daysofcss, css, css-carousel, css-challenge, css3, csscarousel, csschallenge, html, html-css, html5, html5-css3, htmlcss
• Language: CSS
• Homepage:
• Size: 831 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Image Carousel


Challenge Description


This challenge  showcases an elegant image carousel using HTML and CSS animations. The carousel features a smooth transition effect between four images, creating a dynamic and visually appealing presentation.


Preview




Live Demo


Check out the live demo here.


Prerequisites




    
HTML and CSS Basics



Tools Used




    
VS Code (You can use any other code editor)

    
A modern web browser (Chrome, Firefox, Safari, or Edge).

    
Access to an internet connection for resource imports.



Contributing


If you'd like to contribute to this challenge:




    
Fork the repository on GitHub.

    
Clone your forked repository to your local machine:

    
git clone https://github.com/Yashi-Singh-1/Day-36-Image-Carousel.git

    
Create a new branch for your feature or bug fix:

    
git checkout -b feature-name

    
Make your changes and commit them with a clear and concise message:

    
git commit -m 'Add new feature or fix'

    
Push your changes to your forked repository:

    
git push origin feature-name

    
Open a pull request to the main repository.

    
Ensure your pull request includes a detailed description of your changes.

    
Respond to any feedback or questions during the review process.



We welcome improvements, bug fixes, and additional features that can enhance this Image Carousel.