読者です 読者をやめる 読者になる 読者になる

satococoa's blog

Web や iOS アプリを作るエンジニアの日記です

-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を使っているだけです。
これだけで簡単にアニメーションができるなんて素晴らしいですね。