https://github.com/mehmet-github06/day-and-night

This project implements a day and night cycle effect using HTML, CSS, The background changes dynamically to simulate different times of the day.
https://github.com/mehmet-github06/day-and-night

css3-animations html5

Last synced: 4 months ago
JSON representation

This project implements a day and night cycle effect using HTML, CSS, The background changes dynamically to simulate different times of the day.

• Host: GitHub
• URL: https://github.com/mehmet-github06/day-and-night
• Owner: Mehmet-github06
• Created: 2023-10-27T20:59:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-02-02T20:55:18.000Z (about 2 years ago)
• Last Synced: 2025-01-16T05:25:34.186Z (about 1 year ago)
• Topics: css3-animations, html5
• Language: CSS
• Homepage: https://gece-v-eg-nd-z.vercel.app
• Size: 1.54 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Day and Night Cycle

This project implements a day and night cycle effect using HTML, CSS, and JavaScript. The background changes dynamically to simulate different times of the day.

## Table of Contents

- [Description](#description)

- [Screenshot](#screenshot)

- [Live Demo](#live-demo)

- [Technologies Used](#technologies-used)

- [How to Use](#how-to-use)

- [Contributing](#contributing)

- [License](#license)

## Description

The web page displays a transition effect between different times of the day: morning, noon, afternoon, evening, and night. Each phase of the day is represented by a background image, and the transition between them creates a seamless day and night cycle effect.

## Screenshot

![Screenshot](./img/Screenshot_1.jpg)

## Live Demo

[View Live Demo](https://gece-v-eg-nd-z.vercel.app/)

## Technologies Used

- HTML5

- CSS3

## How to Use

1. Clone this repository to your local machine.

2. Open the `index.html` file in your web browser.

3. Experience the day and night cycle effect as the background transitions between different times of the day.

## Contributing

Contributions to this project are welcome! If you'd like to enhance the project or fix any issues, feel free to fork the repository and submit a pull request.

## License

This project is licensed under the [MIT License](LICENSE).