SingleDivProject
One <div>. Many possibilities.
What is this?
This project focuses on exploring all the possibilities that can be done with a single <div> element using CSS only.
Why?
- Great way to explore CSS properties.
- Restrictions forces you to learn new properties and different ways to do particular styling.
- Because we can.
How to contribute?
Please go through the Contributions guidelines before sending a pull request.
Reddit threads
- What all can you do with a single element using pure CSS? Check this out! on /r/programming/
- One
<div>. Many possibilities. on /r/web_design/ - One
<div>. Many possibilities. on /r/coolgithubprojects/
Demos
Designs
| Project Name | Your Name / Github Handle | Demo/Gif |
|---|---|---|
| Battery | ManrajGrover |  |
| Hamburger Menu | ManrajGrover |  |
| New Instagram Logo | ManrajGrover |  |
Loaders
| Project Name | Your Name / Github Handle | Demo/Gif |
|---|---|---|
| Awesome Dots | ManrajGrover |  |
| Bouncing Ball | mtacchino |  |
| Box Loader | AnubrataDS |  |
| Clock | richardj |  |
| Dot Loader | aaroniker |  |
| Fill up | ManrajGrover |  |
| Revolving Circles | dcrousso |  |
| Revolving Dots | dcrousso |  |
| Ripple Effect | ManrajGrover |  |
| Play Loader | ManrajGrover |  |
| Simple Spinner | ManrajGrover |  |
| Simple Text Loader | ManrajGrover |  |
