0

ユーザーがクリックしたときに div がビューポートを占有するようにします。現在、css3トランジションをdivに設定しています。そして、JavaScriptを使用して幅と高さのプロパティを設定します。そしてアニメーションが起こります。しかし、それは滑らかではありません。ぎこちなく見えます。

そのため、組み込み関数を使用してスケーリングしたいと考えています。そして、css3 scale() で終了しました。しかし、それはコンテンツもスケーリングします。divを展開したいだけです。内容ではありません。

これは達成可能ですか、またはこれを行う他の方法はありますか? そして、javascript ソリューションではなく css3 ソリューションを実装したいと考えています。

4

1 に答える 1

1

純粋な CSS でこれを行うハックな方法があります。これは、コンテンツを保持するために内部 div を追加することです。次に、要素にスケールアップを適用し、内部 div 自体に等しいスケールダウンを適用します。このようにして、コンテンツは同じサイズのままになります。

于 2012-07-01T22:01:31.310 に答える