• かちびと.net

    Flash製の広告をcss3で再現したデモが凄いのでご紹介。単純な動きのFlashならcss3のアニメーションで作れそうですね。凄い。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Flash製の広告をcss3で再現したデモが凄い

スポンサーリンク

iPhoneでも動いた(当たり前ですけど)
のでちょっと素敵だなーと思ってメモ。
動きのあるFlashの広告をcss3を使用
して再現したデモがありましたよ。
HTML5のフレームワークを配布して
いるSENCHAのブログで公開されて
いました。

凝ったFlash広告は難しいかもしれませんが、このレベルもcss3で作れるなら普通に使えそうですね・・

CSS3 Ads Versus Flash Ads

hertz01
見た目だけでなく、動きもしっかりと再現しています。左がcss3で右がFlashですよ。

hertz02
iPhoneでもFlashのように動きました。当然右のFlash広告は表示されていません。

HTML5とcss3があればiPhoneでFlashが動かない心配も減りそうですね。今後も楽しみです。

以下でデモとチュートリアルを確認できますよ。※webkit(safariとかChrome)で見る必要があります。

CSS3 Ads Versus Flash Ads

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services