Вопросы по теме 'translate3d'

HTML-элемент, преобразованный в 3D CSS с отрицательным значением z, не запускает события
В следующем сценарии мы видим два элемента div с примененными 3D-преобразованиями CSS3 внутри контейнера. Оба должны запускать событие при нажатии. В этом случае отображается предупреждение, указывающее, какой элемент div был нажат. <!DOCTYPE...
2256 просмотров
schedule 27.03.2022

WebKit: Размытый текст с масштабированием css + translate3d
Я вижу проблему, из-за которой Chrome и другие браузеры WebKit массово размывают любой контент с масштабированием css, к которому также применяется translate3d. Вот скрипт JS: http://jsfiddle.net/5f6Wg/ . (Посмотреть в Chrome.) .test {...
91422 просмотров
schedule 26.05.2022

-webkit translate3d тормозит с большими элементами
Я анимирую элементы, используя -webkit-transform: translate3d(x,y,z) и функцию синхронизации кубического бейзера в сочетании с сенсорными событиями для iPhone, чтобы создать пользовательский метод прокрутки. Проблема в том, что анимация заикается...
630 просмотров

transform3d(): использование процентного соотношения для перемещения внутри родительского объекта
CSS имеет стандартное поведение при перемещении объекта в процентах, что этот процент представляет размеры его родительского контейнера (div). Это неверно при использовании CSS3 transform: translate3d() . Если для координат X, Y или Z...
9191 просмотров

Fullpage.js перезаписывает z-индекс элементов
У меня очень сложная проблема с использованием библиотеки fullpage.js, которая предоставляет вам полностраничный слайдер. Я хочу, чтобы слайдер содержал фоновое изображение с заголовком (h1). Более того, между фоном и заголовком я хочу разместить в...
757 просмотров
schedule 07.10.2023

Удалить пустое пространство между элементами во время перехода
Я использую Owl Carousel для создания слайд-шоу. Когда я использую один и тот же цвет фона для всех элементов карусели, во время перехода между элементами отображается пустое пространство. Эта проблема возникает только при использовании браузера...
751 просмотров

Если элемент переводит 3d addClass
как я могу написать скрипт, который делает это? Если класс div «test» имеет свойство translate3d (0px, 100px, 0px) , добавьте к нему «активный» класс, иначе удалите его. Я пробовал что-то вроде этого, но это не правильно ......
542 просмотров
schedule 22.03.2022

Использование translate3d и масштабирования для преобразований
Я хотел сделать div , который следует за курсором и одновременно увеличивается/уменьшается как анимация. Я изменил положение div с помощью top и left , но анимация иногда немного прерывистая. Я хотел использовать translate3d , чтобы сделать...
114 просмотров