ホームページ  >  記事  >  ウェブフロントエンド  >  3D グリッド エフェクトを使用してグリッド アニメーション エフェクトを作成しますか_html/css_WEB-ITnose

3D グリッド エフェクトを使用してグリッド アニメーション エフェクトを作成しますか_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:03:591493ブラウズ

今日は小さなアニメーションのコンセプトを皆さんと共有したいと思います。この素晴らしい効果は、Marcus Eckert のプロトタイプ アプリケーションで発見されました。実装の基本的な考え方は、グリッド アイテムを 3D 回転し、全画面に拡大してコンテンツを表示することです。アプリケーションの動作をエミュレートしようとしたため、垂直方向および水平方向に回転するグリッド項目を示す 2 つのデモを作成しました。

注意: 最良の結果を得るには、IE10 以降、Chrome、Firefox、Safari などの最新のブラウザで閲覧してください。

オンラインデモを今すぐダウンロード

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。