Interactive version here:
Tap/click loader to start animation.
@update: bigger wave variant, similar to MVBen's can be still found here: http://bit.ly/WHzQhE
Loader code is based on percentageloader:
Though I've scraped most of the code. Just wanted to have something quick I can use.
Most parts where made with help of CSS3PS - love this tool! :)
About 4.5 hours total. Most of the time I was looking on how to implement that loader. Still not happy with solution - it's kinda slow, especially on iPhone. I think instead of timer for horizontal movement I can use css animations - will take a look into it tommorow first thing.
@Update: Replaced setInterval for horizontal movement with CSS. Works much faster on my iPhone 3GS, though still slower than on desktop. Added some sin movement, updated wave asset with new amplitude and made horizontal animation faster (looks more like a fluid with new waves).
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.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in