satococoa's blog

主にサーバーサイド、Web 系エンジニアのブログです。Go, Ruby, React, GCP, ...etc.

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