Apple News | Tsugawa.TV

iPhone版Safari搭載のCSSアニメーション実例ビデオ「Falling Leaves」

今日、別の記事のなかで、「iPhone/iPod touch」に実装されているCSSアニメーション機能が、まもなくMac OS X 版のSafariにも搭載される予定であるとお伝えし、さらにWebkitチームの実例(作例)掲載のURLを掲載しましたが、普通のMac/PC版ウェブブラウザでは何の変化も確認できません。早速iPhoneでアニメーションを実行しているビデオを見つけましたのでご紹介します(Tsugawa.Tvもビデオを投稿しようとしたところ、MacLifeに先を越されました)。

以下のビデオがFalling Leaves (http://webkit.org/blog-files/leaves/index.html) をiPhoneのSafariで開いた時の表示。舞い落ちてくる葉っぱがキレイです。ちなみにこのURLをMac/PCのブラウザで見ても何のエフェクトも効きません(ただの1枚の写真..)。


iPhone版Safari搭載のCSSアニメーション | 実例ビデオ

こういったアニメーション機能が、CSS (Cascading Style Sheets) を通して、Flashテクノロジなどの特別なプラグイン無しで実現できるというもの。
Webkit開発者によれば、Mac OS X版次期Safari(Safari 4.0)にも搭載される予定になっており、iPhone/touch同様に、CSSの記述で簡単なアニメーションをコントロール可能となる予定です。

【Related Articles】
iPhone実装のCSSアニメーションがまもなくOS X 版Safariにも、脱Flashの流れ? at 2009-02-07 at 11:23 AM