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

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

スクロールに合わせて要素をふんわり表示させる方法【CSS中心】 こんにちは。 デジタルハリウッドSTUDIO姫路でトレーナーをしている廣岡です。 Webデザインを学び始めると、一度は 「スクロールしたタイミングで要素がふわっと現れる演出を入れてみたい ...