I was really impressed by that loading animation by @Marcel so I decided to implement it with HTML+CSS combo.
Full view here (can be out of sync for some reason, try to reload and check editable version):
Edit & fork here:
You can play with variables at the begining to get different results. For example something like this:
I also decided to add some new software/technologies to the mix so I could study/practice, while doing this piece:
- Emacs - to prototype and get used to keyboard shortcuts. Like it so far.
- SCSS - for variables and "for-loop" to add different delays to nth-child.
TODO: Clean CSS. Add top part. Add custom easing function.
2 months ago
Interesting, nice work!
great work bro
@Hugo Glad you like it :)
@Rob Nichols Thanks, man!
@Max Daunarovich I really like it. (especially that you're using jade haha)
@Marcel Thanks, man! Something special about that jade? :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.