アニメーションウェブサイトのスケーリング/

ズームChromeを使用してwww.mediawiki.orgを見ていると、ページズーム（はCtrl ++/-）を増加/減少してみてください。アニメーションウェブサイトのスケーリング/

誰もこのようなアニメーションズーム処理を実装する方法についての任意のポインターを与えることができますか？私はそれがすべてのブラウザで動作しないことに気づいた。

ありがとうございます！

2012-05-02 o01

私が知る限り、このズームはブラウザのプロパティであり、特定のサイトとは関係ありません。ウェブサイトを試してみると、この効果がそこにあります。私の知るところでは、これはすべてのブラウザでうまくいきます。 – anu

チェックCSS transitionプロパティ

ここでそれを可能にしたMediaWikiのウェブサイトからいくつかのコードです：

div#mw-panel div.portal div.body,div#mw-panel div.portal h5 { 
    transition:padding-left 250ms; 
    -moz-transition:padding-left 250ms; 
    -webkit-transition:padding-left 250ms; 
    -o-transition:padding-left 250ms; 
}

出典

2012-05-02 12:20:37 phantasm

優秀！ありがとうございました – o01

-1

これはブラウザで処理されますが、フォントや余白の幅などのパーセンテージやemを使ってサイト上で作成することができます。

EDIT 私は（あなたが我々がすべきだと述べていても）Chromeでそれを見て、そのため（DOH！）アニメーションを逃しませんでした。謝罪。

出典

2012-05-02 12:13:05

ああ理由を言うのを拒否するダウンワード。 –

-1

私はわかりませんが、私はあなたが全角でウェブサイトを作成することによって、同じことを達成することができると思うかは、％フォーマットで、親コンテナの幅とフォントのプロパティをアニメーションするだけです...すべての子要素は自動的にアニメーション化されます。

たとえば、body要素に1emのフォントサイズがあります。フォントサイズ関連em形式のbodyコンテナfont-sizeに変換します。 body要素のfont-sizeを増減すると、子要素もfont-sizeを増減します。body font-sizeをアニメーション化すると、子要素もfont-sizeをアニメートします。

私の考えはこれが助けになるかもしれない）...

出典

2012-05-02 12:31:48

アニメーションウェブサイトのスケーリング/

答えて

関連する問題