Пожалуйста, обратите внимание на www.mediawiki.org с помощью Chrome и попробуйте увеличение/уменьшение страницы увеличения (Ctrl + +/-).анимированных веб-сайт масштабирования/масштабирование
Может ли кто-нибудь дать указатели на то, как реализовать такое анимированное управление масштабированием? Я заметил, что он не работает во всех браузерах.
Спасибо!
проверка 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;
}
Отлично! спасибо – o01
Как сказал anu, он обрабатывается браузером, но вы делаете это возможным на сайте, используя проценты и/или ems для таких вещей, как ширины шрифтов и полей.
EDIT Я не смотрел на него в Chrome (даже если вы сказали, что мы должны), и поэтому пропустил анимации (DOH!). Извиняюсь.
Ах, нисходящий, который отказывается говорить почему. –
Я не уверен, но я думаю, что вы можете достичь того же путем создания веб-сайта в эм или % и просто анимировать родительский размер контейнера и свойство шрифта ... все дочерние элементы будут автоматически анимированы ...
Например ... у вас есть размер шрифта 1em на элементе body, все дочерние элементы также имеют размер шрифта на размер шрифта контейнера тела в формате em. когда вы увеличиваете или уменьшаете размер шрифта элемента body, дочерние элементы также увеличивают и уменьшают размер шрифта, и когда вы анималируете размер шрифта тела, дочерний элемент также будет анимировать их размер шрифта ...
(Это это моя идея, может быть, это помогает) ...
Насколько я знаю, это масштабирование - это свойство браузера и не имеет никакого отношения к определенному сайту. Попробуйте любой сайт, и этот эффект будет там. Также, насколько мне известно, это работает во всех браузерах. – anu