画面の中央に完全に中央揃えのWebサイトを表示し、その左右に他の2つのWebサイト（おそらくサイドサイトの半分しか表示されない）を表示する方法のサンプルコードを探していますが、 iframe間のカルーセル。説明しようとしていることの基本的なモックアップを含めました...
TL; DR：画像の代わりにiframe内の完全なウェブサイトで使用できるカルーセルを探しています。
1 に答える
1
DIYのようなものはありません。
基本的なカルーセルは、要素を並べて配置するだけで作成できます。
-------- -------- --------
|Box 1 | |Box 2 | |Box 3 |
-------- -------- --------
そのうちの1つを保持するのに十分な大きさのコンテナを使用すると、ボックス間を水平方向にスクロールできます。
次に、CSSの魔法を少し使って、質問の画像のように見せることができます。を使用してみてくださいtransform。ここで、scaleおよびtranslateは中心からの距離に比例します。また、中央のボックスにを追加しz-indexて、他のボックスの上に配置します。
もちろん、より複雑で見栄えの良いカルーセルを作成する方法はありますが、単純な効果が大いに役立つ可能性があります。
于 2012-11-19T01:01:57.327 に答える