HTML5 CanvasやWebSocketなどの最新技術を駆使して作ったiPhone 4用ブラウザーゲーム「Handy Stadium」の裏側を解説する本連載も、今回で最終回（連載バックナンバー）。今回は、CSSアニメーションを中心としたフロントエンドの実装について解説します。 Handy Stadium ...

もちろん、cssアニメーションの特性もあって、タイミングなどの微妙な部分をうまく調整できるかは試行錯誤が必要なものだと思いますが、もっとゆっくり開かせたいとか、そもそも花火の数をもっと増やしたいなどは、比較的簡単に変更できたりします。

Transition は なぜ往復するのか？ CSSのアニメーション機能と言えば transition トランジション と animation アニメーション 。 それぞれJavaSciptでプログラムを書かなくてもアニメーション表現ができるという素晴らしいプロパティーです。 っていっても最近のCSSは ...

easing functions are a convenient tool for easily animating web elements. However, specifying complex behaviors can be a tedious task, and making fine adjustments can ...