前の記事 «:クリップアートの検索エンジン「Find Free Clipart」
次の記事 »:CSSでユニークなコンタクトフォームを作るチュートリアル

CSSでアニメーションする馬をパカパカ走らせるイリュージョン

2008年06月16日

スポンサード リンク
CSSでアニメーションする馬をパカパカ走らせるイリュージョン。



まずは以下のムービーを参照



この原理をCSSで応用してみたのが、このページ(モダンブラウザで確認)。

ブラウザの幅を変えると馬がパカパカ走ります。
上記ムービーのように、内容を変えてみて面白いものが作れるかもしれませんね。

利用者が、ブラウザの幅を変えるようなシチュエーションを作っておいて、変えた途端「おぉー」という状況を作れます。
スポンサード リンク

投稿者 KJ : 2008年06月16日 07:09 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。