0

ビューポートのサイズに応じて、外部スタイルシート、responsive.css からいくつかの異なる CSS をロードするレスポンシブ Web サイトがあります。

目的のビューポートが変更されると、これらの新しい CSS ルールが読み込まれ、それに応じて Web ページが調整されますが、この変換をアニメーション化したいと考えています。すべてが所定の位置に収まるのではなく。たとえば、タブレットのポートレートとタブレットのランドスケープではスタイルがわずかに異なるため、ここでのアニメーション効果は非常に快適です。

基本的に、私が言うことができる簡単な方法はあります.animate('resonsive.css');か、それともその単純さで妄想しているだけですか? もしそうなら、誰かがこれを行う方法を私に説明できますか?

ありがとう ：）

4

3 に答える 3

1

残念ながら、これに対する単純な 1 行の解決策はありません。

アニメーション化する要素に、transition: all 1s ease-in;または単に何かを追加することで、必要な効果を得ることができます。transition: 1s ease-in;これにより、基本的に、その特定の要素の css プロパティの変更が 1 秒間アニメーション化されます。

詳細については、http://www.impressivewebs.com/css3-transition-all/ を参照してください。

于 2013-07-19T10:03:23.960 に答える
1

そのためにjquery http://masonry.desandro.com/プラグインを使用できます。

ページのサイズを変更して、何が起こるかを確認します。

于 2013-07-19T10:04:43.350 に答える