Вопросы по теме 'css-transforms'
есть ли разница в производительности между -transform translate и scroll
Я создаю веб-сайт карт, такой как карты Google. Там будут плитки изображений, связанных друг с другом. Карта будет исследоваться путем перетаскивания мышью, где после каждого перетаскивания будут загружаться новые изображения. Чтобы иметь...
2023 просмотров
schedule
08.04.2024
Запретить детям наследовать преобразование поворота в CSS
Я выполняю преобразование CSS: поверните родительский элемент, но хотел бы иметь возможность свести на нет этот эффект для некоторых дочерних элементов - возможно ли это без использования обратного вращения?
Обратное вращение работает, но влияет на...
20814 просмотров
schedule
19.02.2024
Преобразование CSS3, влияющее на другие элементы с помощью chrome/safari
У меня проблема, когда мои преобразования css3 влияют на другие элементы на странице и даже вызывают их мерцание. Я видел другой пост об этом, но у них не было решения проблемы.
http://scosha.mybigcommerce.com/w107b/ при прокрутке навигации вы...
13405 просмотров
schedule
29.02.2024
Переход / преобразование CSS3 (эффект переворота карты) не удалось в Chrome 26
Я пытался реализовать эффект переворачивания карты с помощью css3, взяв за основу веб-сайт Flesky: http://fleksy.com/ Глядя на раздел «Flesky появился в прессе», эффект перелистывания работает как чудо в моем офисе Chrome (версия 26.0.1410.64 m,...
372 просмотров
schedule
07.12.2022
Как повернуть + отразить элемент с помощью CSS
Свойство преобразования позволяет вам вращать или отражать, но как вы можете делать и то, и другое одновременно? Скажем, я хочу повернуть элемент на 90 градусов и перевернуть его по горизонтали? Оба выполняются с одним и тем же свойством, поэтому...
56939 просмотров
schedule
27.04.2024
Процентное преобразование для SVG не подчиняется в Firefox, только иногда в WebKit
У меня есть SVG-графика рожка мороженого, и я хочу преобразовать шарик с помощью transform-origin из 50% 100% (в центре внизу). Firefox утверждает, что подчиняется (то есть инспектор отмечает правильный transform-origin ), но на самом деле...
1744 просмотров
schedule
20.02.2024
Невозможно использовать 3D-преобразования css в Opera 12.16.
графический адаптер NVIDIA Quadro FX 1500 в моей старой системе XP довольно старый и, кажется, не входит в список поддерживаемых Chrome HW; однако мне удалось включить 3D-преобразования в Chrome, используя это:
в адресной строке перейдите на...
2047 просмотров
schedule
03.10.2022
Разница преобразования CSS3 в Firefox, Chrome и IE
Я думаю, что это может иметь какое-то отношение к псевдоэлементу, но я не уверен. У меня возникают трудности с эффектом перехода преобразования с использованием css3. В Firefox v24 эффект работает так, как я хочу — см. CodePen здесь...
4204 просмотров
schedule
26.03.2024
Как уменьшить размер div внутри другого div с помощью CSS?
Я пытаюсь уменьшить div (divB), который находится внутри другого div (divA). Проблема в том, что высота divA определяется его содержимым. Когда divB уменьшается, высота divA не меняется... Это происходит, когда применяется преобразование, потому что...
5213 просмотров
schedule
22.05.2024
translate3d против производительности перевода
Теперь мы все знаем, особенно из эта хорошая статья о том, что мы должны предпочесть css-преобразования анимации позиции.
Но у нас есть выбор между translate() и translate3d() ...
Какой из них обычно быстрее?
37242 просмотров
schedule
08.12.2023
Движение жестов с помощью HammerJS, CSS-преобразования и преобразования происхождения
Я пытаюсь создать навигацию с несколькими жестами в среде SVG. С помощью примера, предоставленного Hammer.js, я смог успешно реализовать перетаскивание и масштабирование и вращение, применяя преобразование атрибутов CSS3.
Преобразование, кажется,...
973 просмотров
schedule
18.10.2022
Как прозрачно замаскировать объект, чтобы был виден только фон?
Цель
Я хотел бы создать анимированный многоугольник, части которого обрезаны/вырезаны/замаскированы, чтобы слой/элемент/фон под ним можно было увидеть следующим образом:
Я создал анимацию с преобразованием CSS3. Это вращающийся блок,...
110 просмотров
schedule
02.04.2024
Преобразование CSS3 — проблема размытия и мерцания — в контейнере с пикселем с нечетным номером
У меня проблема с размытием и мерцанием во время анимации css в Chrome.
Во-первых, я должен сказать, да, я знаю небольшое исправление, использующее:
-webkit-backface-visibility: hidden;
Но в моем случае я не заставляю его работать....
1802 просмотров
schedule
09.06.2024
Сохранить 3d не работает на ie11
Я пытаюсь реализовать переворот изображения, но его сохранение 3D (или, возможно, обратная видимость) не работает на ie11.
Это решение мне не помогло: -webkit -transform-style: save-3d не работает
Вот вам ручка, чтобы попробовать, а также...
7695 просмотров
schedule
12.11.2022
Mix-blend-mode не работает, когда html имеет перспективу
Применяя "perspective" к элементу html , мой mix-blend-mode , кажется, игнорируется Firefox.
html {
perspective: 800px; /* causing the issue */
}
div {
color: #fff;
background: linear-gradient(to bottom, #000, orange);...
918 просмотров
schedule
07.10.2022
Получить значение поворота 3D CSS из matrix3d() с помощью JavaScript
У меня есть 3D-элемент, преобразованный примерно так:
.foo {
transform: rotateX(-30deg) rotateY(35deg);
}
Теперь я хочу получить эти значения через javascript. Получить 3D-матрицу легко:
var matrix = $('.foo').css('transform');
//...
2361 просмотров
schedule
10.11.2022
Преобразование CSS3 переводит процентные значения относительно его ширины и/или высоты?
Я думаю, это правда, что когда мы выполняем трансформацию CSS3, используя процентное значение, то этот процент относится к собственной ширине или высоте, поэтому (50%, 75%) означает 50% его собственной ширины, 75% от собственной высоты, но я не...
11904 просмотров
schedule
04.02.2024
Вращение текста внутри фиксированного Div
Я пытаюсь настроить фиксированный div слева от страницы, на 24 пикселя слева и растягиваясь сверху вниз по странице. Внутри этого div будет навигация и заголовок. Я пытаюсь повернуть заголовок на -90 градусов и расположить его по центру в нижней...
130 просмотров
schedule
04.01.2024
Преобразования CSS - изображение исчезает при повороте на -180 градусов
Во-первых, извините за вопрос, я просто не могу понять, где я ошибаюсь после многих часов попыток!
У меня есть три изображения, и я пытаюсь перевернуть их на 180 градусов, используя объявление transform:rotateY.
Мне удалось заставить их...
1988 просмотров
schedule
18.01.2024
Firefox удваивает значения преобразования для встроенных элементов SVG
Я использую встроенный SVG с элементом <use> вот так:
<a href="/">
<svg><use xlink:href="#icon-home"></use></svg>
</a>
При наведении у меня есть анимация преобразования, примененная к SVG...
273 просмотров
schedule
24.10.2023
