Я вижу проблему, при которой Chrome и другие браузеры WebKit сильно размывают любой масштабированный css-контент, к которому также применен translate3d. Вот скрипт JS: http://jsfiddle.net/5f6Wg/. (См. В Chrome.) ...
Перемещение элемента по оси Y на 50% сместит его вниз на 50% его собственной высоты, а не на 50% высоты родителей, как я ожидал. Как мне указать перемещаемому элементу основывать его процент перемещения на...
У меня реализован этот сниппет: CSS div
{ position:absolute; -webkit-transition: all 0.3s ease-out;
}
.block
{ background:#fc0; /* YELLOW */ top:50px; left:50px; width:80px;
...
Мы разрабатываем приложение HTML5 + CSS3 для iPad и iPhone.
Приложение отлично работает на iPad и всех iPhone, однако iPad 2 при запуске показывает объекты html dom, пикселированные, и остается таким, ...
Насколько я понимаю, аппаратное ускорение на устройствах iOS включено при использовании translate3d (). Так почему этот тест на jsperf показывает, что использование css left / top выполняется быстрее?
Я создаю приложение для iOS с PhoneGap. Я использую CSS-анимацию translate3d для создания эффекта «переворота». Это отлично работает с более простыми элементами ... DIV с разделами спереди / сзади и, возможно, с дополнительным диапазоном или ...