Interactive version here:
http://bit.ly/YyDInC 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:
http://widgets.better2web.com/loader/ 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! :)
http://css3ps.com/
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).
35 Responses (page 1 of 2)
Pro
Yuekun
coooooooooool!
3 months ago
Pro
n0dk4nE
cooooooooooooooooooooooool!
3 months ago
Pro
Payne
coooooooooooooooooooooooooooooooooool!
3 months ago
nice!!
3 months ago
Pro
Nikita Abramenkov
niiiiiice!!!
3 months ago
Pro
bico
cooooooooooooooooooooooooooooooooooooooooooool!
3 months ago
Pro
13m
荡漾。。。 cool
3 months ago
浪了浪了····
3 months ago
Very Clean and nice !
Want 2 see 2x.
3 months ago
动起来
3 months ago
Pro
Ray
i love it
3 months ago
Pro
Shin
你他妈终于能清新一下了
3 months ago
Pro
Han Wang
Cooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooool !!
3 months ago
风格犹存,哈哈
3 months ago
棉花糖!!!!
3 months ago
cooooooooooooooooooooooooooooool!
3 months ago
Pro
Shin
顺便说一句,字体好二逼
3 months ago
Pro
Jason Lenker
kewl.
3 months ago
Pro
Lane Yu
一股骚劲啊!!!劲爆了!!
3 months ago
Makes me think washing, but looks nice!
3 months ago
cooooooooooooooooooool!
3 months ago
Pro
Daryl Ginn
What am I reading?
3 months ago
Pro
Tobia Crivellari
Nice man! ;-)
3 months ago
Rebound
Scanning - HTML + CSS
by Max Daunarovich
Interactive version here:
http://bit.ly/YyDInC
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:
http://widgets.better2web.com/loader/
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! :)
http://css3ps.com/
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).
3 months ago
Pro
MVBen
@Shin 你在意淫吗?
3 months ago