Gear
November 25, 2009Andy Li
- http://www.onthewings.net/
- Location:
- Hong Kong
Launch Experiment
Slow? Not Working? Try it in Google Chrome.
From the Author:
When mouse over the squares, they rotate like gears.
This is a CSS-only experiment. Since it uses CSS animation and CSS transform, it can only be shown perfectly in lastest version of Safari and Chrome.
PHP is used in the back-end to generate the HTML. There is no tricky things there, just tired of typing those repeating things.
See my blog post for more info:
http://blog.onthewings.net/2009/11/24/css-only-experiements/
Technology:
CSS transition, CSS transform
Comments
Andy, is there a reason to not use -moz-transition there as well?
Reply to this commentI think it's really cool.
Reply to this commentDon't let these peeps discourage you. Keep going you're doing great.
Reply to this commentwatz the point?
Reply to this commentI'm sorry, don't take this personal, but it is kinda boring. I know you will do better next time though! : )
Reply to this commentI have to say this is really cool! I didn`t know it was possible either. AWESOME!
Reply to this commentwow this is dumb
Reply to this commentevery experiment must accomplish every task
Reply to this commentvery gayy
Reply to this commentHey genius, u mispelt "submit" on the button xP
Reply to this commentokay and what is "mispelt"?
Reply to this commentoh rely... just corrected. thx :)
Reply to this commentThat was very interesting display of CSS.
Make sure to check this out in Chrome: Firefox doesn't make the gears turn correctly.
Reply to this commentVery, very, interesting.
Didn't know you could do something like this purely with CSS
Reply to this commentThis experiment stinks
Reply to this commentBe sure to try it in Chrome -- it's much more interesting than Firefox.
Reply to this commentHi! Great CSS experiment! Thanks! I didn't know that would be even possible before this!
Reply to this commenthi , this stinks
Reply to this commentlame
Reply to this comment