-webkit-transitionで遊んでみた
@milligrammeさんがgistで面白いことをしていたので、forkして-webkit-transitionで遊んでみました。
ソース:https://gist.github.com/1014379
実行結果:http://dl.dropbox.com/u/142643/stars4.html
↑そのうち消すかも
HTML, CSS, JavaScriptに分解してjsdo.itに置いた
http://jsdo.it/satococoa/stars
ちなみにhamlで書かれていたので、それをwatchrを使ってstars.hamlが更新されると同時にhtmlを生成するようにしています。
$ gem install watchr
$ watchr hamler.rb # これで更新の待機状態になる
アニメーションは単純に-webkit-transitionを使っているだけです。
これだけで簡単にアニメーションができるなんて素晴らしいですね。