Chromeを使用してwww.mediawiki.orgを見て、ページズーム( Ctrl+ +/ )を増減してみてください-。
誰かがそのようなアニメーションズーム処理を実装する方法について何か指針を与えることができますか?すべてのブラウザで機能するとは限らないことに気づきました。
ありがとう!
Chromeを使用してwww.mediawiki.orgを見て、ページズーム( Ctrl+ +/ )を増減してみてください-。
誰かがそのようなアニメーションズーム処理を実装する方法について何か指針を与えることができますか?すべてのブラウザで機能するとは限らないことに気づきました。
ありがとう!
csstransition
プロパティを確認してください
これを可能にした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;
}
anuが言ったように、それはブラウザによって処理されますが、フォントや余白の幅などにパーセンテージやemを使用することで、サイトでそれを可能にします。
編集 私はChromeでそれを見なかったので(あなたがそうすべきだと言ったとしても)、それ故にアニメーションを見逃しました(doh!)。謝罪。
よくわかりませんが、emまたは%形式でWebサイトを作成し、親コンテナの幅とフォントプロパティをアニメーション化するだけで同じことができると思います...すべての子要素が自動的にアニメーション化されます...
たとえば...あなたbody要素のfont-sizeが1emであるすべての子要素には、em形式のbodyコンテナーのfont-sizeに関連するfont-sizeもあります。body要素のfont-sizeを増減すると、子要素もそのfont-sizeを増減し、body font-sizeをアニメーション化すると、子要素もそれらのfont-sizeをアニメーション化します...
(これは私のアイデアはこれが役立つかもしれません)...