メディア事業部EC事業部 AGENCY事業部
メディア事業部ブログ

「Transitions」

Cube→サイコロの様に回転します

Rotate In→画像が倒れてきて、次の画像にローテーションされます。

Horizontal Flip→一回転して次の画像

Multi-Flip→6分割された画像が真ん中から順に入れ替わる

Dissolve→フェードイン、フェードアウト

Unfold→真ん中で二つに折れて、次の画像が三つに折られた画像が展開

Toss→次の画像が上に被さるように差し込まれる

Slide In→次の画像が左からスライドされて差し込まれる

Iris→真ん中から丸いフェードインエフェクト

Fade Through→ズームアップしてフェードアウト

「Audio」

好きなオーディオを30秒間タグれるそうです。

再生してもシークバーが無いから、ちょっと不便かな・・

「360°」

Java Scriptを使用してクリック+ドラッグで360°視覚を楽しめます。

これipadとかiphoneのタッチパネルで使用出来るなら色々と利用価値出てきそうですね!

「VR」

仮想現実ですね。 CSS3Dトランスフォーマーを使用した三次元ビューを実現出来ます。

現状Safariからしか閲覧が出来ないのですが・・かなりプッシュプッシュしてますね。

今後の展開に期待です。

カテゴリー:HTML / CSS , 投稿者名:daisuke ishii
PAGE TOP

Appleは米国時間6月4日、
HTML5の能力と、ウェブページで利用したときの効果を披露するデモを公開した。

「Video」
※Scale→動画のサイズを自由に変えれます

※Mask→マスクを付けれます。

※Perspective→透視投影効果を付けれます。

「Typography」
これ画像じゃ無いですよ!
html5+CSS3だけでレイアウトした例です。

※カスタムフォント使用例

※バックグラウンドイメージ使用例

「Gallery」
フォトギャラリーを、ドロップダウンのメニューからリアルタイムに、2D→3Dレイアウト・グリッド表示する事が可能です。

※Horizontal 2D表示

※Horizontal 3D表示

※Grid表示

カテゴリー:HTML / CSS , 投稿者名:daisuke ishii
PAGE TOP
ishii

Photoshop CS5 puppet warp

この機能!ヤバいですね!!!!

あんな物をブンブン振り回したり。
長くしてみたり、短くしてみたり、堅くしてみたり(しないか)

カテゴリー:HTML / CSS , 投稿者名:daisuke ishii
PAGE TOP
watanabe

HTML5とCSS3

「死にたい」だなんて、物騒ですが、
HTML5とCSS3を使ったサイトのサンプル動画です。
今までには無かった、変形・アニメーション関連のプロパティを備えているので、
HTMLとCSSでここまでできるようです。
まだ、ブラウザも対応していなく標準ではないけれど、
次世代HTML標準としてマスターしないといけないですね!

カテゴリー:HTML / CSS , 投稿者名:daisuke watanabe
PAGE TOP
ページトップへ