Top of page

本文

[PR]

browser

iphone%e7%89%88safari%e6%90%ad%e8%bc%89%e3%81%aecss%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e5%ae%9f%e4%be%8b%e3%83%93%e3%83%87%e3%82%aa%e3%80%8cfalling-leaves%e3%80%8d

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

Apple News トップへ

この記事への コメント & トラックバック

スパム対策といたしまして、記事の投稿2週間後にコメント/トラックバックの受付を終了しています。

コメントに関する注意事項

*スパム対策といたしまして、記事の投稿2週間後にコメント/トラックバックの受付を終了しています。

*基本的にお気軽に。自由にコメントをお寄せください!Apple/Mac/iOS関連の様々な情報をみんなでシェアしましょう!

*ただし、Tsugawa.TV の判断でスパムや不正な内容を含むコメントなどは削除させていただく場合がございます。また、その判断を一部自動化しているため、コメント投稿後サイト上に反映されるまで若干時間がかかる場合がございます。あらかじめご了承のうえコメントをお寄せください。

*投稿したコメントを削除したい場合はこちらからご連絡ください。速やかに対応いたします。

*掲載されているコメントの内容についての責任はサイト運営者にはございません。各自の責任でご判断ください。

*著作権絡み、他人の悪口やいやがらせ、プライバシーに関わるコメントなどはお控えください。コメントの匿名性は、民事上あるいは刑事上の責任を免ずるものではありませんので十分ご注意ください。当サイトのプライバシー・ポリシーも併せてご確認ください。

コメント記入欄に戻る ^^

 

 

 

[PR]
マカフィー・ストア

[PR] iPhone 15登場。あなたにぴったりのiPhoneは?

Apple News Headlines

Apple, Mac, iPod, iPhone, iPad の最新ニュースはここでゲット!他には無いニュース満載です。

Read the Difference »

HDT.jp

Page Top▲