https://github.com/sonucs12/welcome-screen
Welcome Screen or Splash Screen Animation Using Html and CSS
https://github.com/sonucs12/welcome-screen
css html splashscreen welcomescreen
Last synced: about 1 year ago
JSON representation
Welcome Screen or Splash Screen Animation Using Html and CSS
- Host: GitHub
- URL: https://github.com/sonucs12/welcome-screen
- Owner: Sonucs12
- Created: 2024-11-21T12:16:20.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-22T13:30:15.000Z (over 1 year ago)
- Last Synced: 2025-02-03T14:15:01.693Z (over 1 year ago)
- Topics: css, html, splashscreen, welcomescreen
- Language: CSS
- Homepage: https://sonucs12.github.io/Welcome-Screen/
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Splash Screen Project
This repository contains a simple splash screen with a fade-in text animation created using HTML, CSS, and JavaScript.
## Features
- **Splash Screen Animation**: Displays a welcome message with text animations.
- **Responsive Design**: Optimized for various screen sizes.
- **Customizable**: Easily modify colors, text, and animation timing.
## Files
1. **`index.html`**
The main structure of the webpage. It includes a splash screen and a welcome message.
2. **`style.css`**
Contains all the styles for the webpage, including animations for the splash screen and text.
3. **`script.js`**
(Not included in this upload, but reserved for additional functionalities if needed.)
## Usage
1. Clone or download the repository:
```bash
git clone https://github.com/Sonucs12/splash-screen-project.git
```
2. Open `index.html` in a browser to view the splash screen.
## Customization
- **Background Color**: Modify the `background-color` in `style.css` (e.g., for `body` or `.splash`).
- **Animation Timing**: Adjust `animation-duration` and `animation-delay` in the CSS animations.
- **Text Content**: Edit the `` elements inside `index.html` to change the displayed text.
## License
This project is open-source and free to use under the [MIT License](LICENSE).