Creative CSS3 Animation Menus Experimenting with CSS3 Transitions & Animations
イギリスでデジタルキャラクター開発専門のスタジオとして活動する“Infinite-Realities”が、新たに3Dスキャンした人物モデルのデモンストレーションをUnity上で行うアプリケーション“Multi-Sky 3D Scan Tools”の動作映像を公開し、類を見ないフォトリアルな人物表現とライティングの処理に注目を集めています。 なお、今回ご紹介する映像はマイルドながら男性と女性のヌード表現が含まれますので、閲覧には十分にご注意下さい。 今回のデモは、モニターでの利用だけでなく“Oculus Rift”にも対応したもので、TABキー1つでRiftモードに変更可能とのこと。疑似SSSとイメージベースドライティングを組み合わせた驚く程リアルなスキンシェーダーを始め、バリエーション豊かなロケーションと天空光によって全く異なる表情を見せるライティングが印象的なデモ映像は以下からご確認下さ
2012年2月17日 カテゴリ: Web制作 parallax.jsをいじってパララックスのデモ作ってみた。 Tweetちょっと前に視差効果のあるパララックスサイトまとめなどがよくホットエントリーに上がってきて、「自分もこんなの作ってみたいなー」と思っていたのでトライしてみました。 チュートリアルは下記サイトを参考にしています。 話題になったNikebetterworldに良く似たサイトを作って解説をしてくれています。 Nikebetterworld Parallax Effect Demo そして出来あがったのはこちらのデモサイトです。 以下、メモがわりの解説です。 まず、チュートリアルのサイトからサンプルファイルをダウンロードしてHTMLをみると次のようなjsファイルが読み込まれているのがわかります。 <script type="text/javascript" src="https:
A Collection of Page Transitions with CSS Animations
京都のものづくり企業50数社の個の力と総合力 京都試作ネットは「顧客の思いを素早く形に変える」というコンセプトの元に、京都府下の企業50数社が集結した「プロのものづくり集団」です。メンバーそれぞれが高い技術力と信念を有しており、目先の課題解決だけでなく、根本的なニーズの掘り起こし、問題点の洗い出しなどで、お客様のビジネスを試作という面でサポートいたします。 また個々の企業だけでなく、メンバー企業間での連携力も京都試作ネットの特長の一つです。全メンバーが京都試作ネットの使命を共有し、密なコミュニケーションでお互いの得意分野を把握。一企業だけでは解決が難しい案件も、協力することで既存の概念に囚われない柔軟なアプローチで解決に導きます。 相談実績19年で8,000件 京都試作ネットは「試作に特化したソリューション提供サービス提供サイト」として2001年に設立されて以来、これまでに頂いた試作相談件
ホバー時に、子アイテムが上からくるっとスイングして、ゆらゆら揺れて、ぴたっと止まって表示する素敵なアニメーションを備えたメニューを実装するスタイルシートを紹介します。 CSS Swinging Panel Menu ゆらゆらとした動きはCSS3アニメーションで実装されています。 スクリプトは実装には使用されていません。 HTML リスト要素を入れ子にしたシンプルな実装です。 <div id="container"> <ul id="menu"> <li><a href="#">item 1</a> <ul> <li><a href="#">item 1-1</a></li> <li><a href="#">item 1-2</a></li> <li><a href="#">item 1-3</a></li> </ul> </li> <li><a href="#">item 2</a> <u
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く