https://github.com/alexoid1/animation-slider
Animated background with filters and keyframes
https://github.com/alexoid1/animation-slider
Last synced: 7 months ago
JSON representation
Animated background with filters and keyframes
- Host: GitHub
- URL: https://github.com/alexoid1/animation-slider
- Owner: Alexoid1
- Created: 2020-01-03T19:34:42.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-03T13:35:44.000Z (over 3 years ago)
- Last Synced: 2025-02-03T20:18:59.676Z (over 1 year ago)
- Language: HTML
- Homepage: https://alexoid1.github.io/Animation-slider/
- Size: 14.7 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Animation-slider
## Animated background with filters and keyframes
## Built With
- HTML,
- JavaScript
- Css
- Bootstrap
## Live Demo
[Live Demo Link](https://alexoid1.github.io/Animation-slider/)
## Article
[Read Article](https://hackernoon.com/creating-css3-animated-backgrounds-from-scratch-od1d3ufi)
## Getting Started
**Navigation bar**
- Go to (https://alexoid1.github.io/Animation-slider/) and have a look around.
In this project:
- Trigger different animations at the same time.
- Use Filter and keyframes.
- Sounds for every animation.
To get a local copy and to set it up and running follow these simple example steps.
### Prerequisites
- Browser
- Internet
- Download the code from repository (https://github.com/Alexoid1/Animation-slider).
## Author
👤 **Pablo Alexis Zambrano Coral**
- Github: [@Alexoid1](https://github.com/Alexoid1)
- Twitter: [@pablo_acz](https://twitter.com/pablo_acz)
- Linkedin: [linkedin](https://www.linkedin.com/in/pablo-alexis-zambrano-coral-7a614a189/)
## Show your support
Give a ⭐️ if you like this project!