ホームページ > ウェブフロントエンド > H5 チュートリアル > 3D カルーセルのコンテンツの推奨事項

3D カルーセルのコンテンツの推奨事項

零下一度
リリース: 2017-06-14 13:30:30
オリジナル
2016 人が閲覧しました

このブログの目的は、以前の HTML5/CSS3 特別トピック「Baidu Tieba の 3D 反転効果を作成する CSS3」の典型的なケースでは、言及されていなかった CSS 3D 効果に関するさらに重要な知識点があるためです。遠近法と翻訳レンダリング: ふふ、私は大学の卒業式の写真をメリーゴーランドに作り、母校の育む恩恵を忘れることなく、教養専攻の周りを回転させました~ 1. 遠近法属性には 2 つの属性が含まれます: none と a単位付きの長さの値。パースペクティブ属性のデフォルト値は none です。これは、3D オブジェクトが無限の角度から表示されますが、平面的に見えることを意味します。別の値 は、0 より大きい長さ単位の値を受け入れます。また、その単位をパーセント値にすることはできません。 の値が大きいほど、角度がより遠くに表示され、強度がかなり低くなり、3D 空間の変化はほとんどなくなります。逆に、この値が小さいほど角度が近くなり、角度が強くなり、立体的な変化が大きくなります。簡単に言うと、パースペクティブの長さが

1 を超える場合、HTML5/CSS3 テーマ別 3D カルーセル効果アルバムのサンプル コード

3D カルーセルのコンテンツの推奨事項

はじめに: この記事ではデフォルト値について詳しく説明します。パースペクティブ属性の なしの場合、3D オブジェクトは無限の角度から見られますが、平面的に見えます。好きな友達はぜひ見てみてください。

2. HTML5 css3: 3D カルーセル効果アルバム

3D カルーセルのコンテンツの推奨事項

はじめに: このブログの目的は、CSS3 を使用して、魅力的な例に基づいて Baidu Tieba の 3D レンダリングを作成することです。前の HTML5 CSS3 トピック CSS 3D 効果については、カード効果では言及されていない重要な知識ポイントがあります。それは、遠近法と TranlateY レンダリングです。大学を卒業したときに写真をいくつか作りました。私のリベラルアーツ専攻を中心に回転します、いいえ、私の母校の育成の恩恵を忘れてください〜 1. パースペクティブ属性パッケージ

3. jquery_jquery によって実装された 3D カルーセル効果のコード共有

はじめに: この記事では主に 3D について紹介します。 jquery によって実装されたカルーセル効果は、実装が非常に簡単なので、必要な友人全員に参照することをお勧めします。

以上が3D カルーセルのコンテンツの推奨事項の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート