Вопросы по теме 'css-transforms'
Перекос преобразования CSS
Кто-нибудь знает, как добиться такого перекоса:
Используя новое свойство преобразования CSS?
Как видите, я пытаюсь наклонить оба угла, кто-нибудь знает, возможно ли это?
59622 просмотров
schedule
09.03.2023
Как сбросить CSS3 *-transform: translate(…)?
Как я могу сбросить значение свойства CSS transform CSS translate ?
Скажем, у меня есть:
div.someclass {
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0,- 50%);...
64967 просмотров
schedule
17.05.2023
Проблема с анимацией CSS3 на веб-сайте Android - количество итераций и «вперед» не останавливают анимацию
Я использую некоторые 2D-преобразования CSS3 для анимации меню для веб-приложения для Android.
Я вставляю параметры анимации с помощью Javascript, поскольку они применяются только после запуска функции ontouchstart.
Вот javascript для первой...
2330 просмотров
schedule
14.07.2023
Проблемы Firefox с масштабированием и поворотом CSS
У меня есть генератор карточек для игры в гольф. Структурно страница имеет div класса .printarea, обертывающий таблицу шириной 1072 пикселя.
Я постепенно понял, что печать представляет одну страницу в альбомной ориентации во всех основных...
2850 просмотров
schedule
20.03.2024
Стиль матрицы изображения преобразуется для содержимого CSS?
Итак, я рассматриваю конкретное приложение для веб-браузера, которое требует от меня выражения цвета в виде прямого альфа-канала с черно-белым альфа-каналом в качестве отдельного элемента. ( пример обоих типов
Я знаю, что много лет назад IE...
647 просмотров
schedule
16.01.2023
Масштабирование полей ввода с помощью -webkit-transform
Я применил следующее преобразование CSS к полю ввода HTML.
-webkit-transform: scale(.5);
Когда я ввожу текст в поле ввода до тех пор, пока он не заполнит видимую область, курсор продолжается за краем ввода и скрывается. Обычно курсор и текст...
5048 просмотров
schedule
24.11.2023
Рассчитать положение box-shadow после поворота
При размещении теней на повернутых элементах с помощью CSS тень зависит от поворота элемента. Пример:
.box {
width: 200px;
height: 100px;
position: absolute;
left: 20px;
background-color: #BBF;
-moz-box-shadow: 10px...
1212 просмотров
schedule
10.02.2023
Проблема Chrome с цветом тени текста в преобразованных абзацах
По какой-то причине, когда я применяю преобразование CSS к абзацу, к которому уже применена тень текста, цвет тени текста становится цветом абзаца, независимо от цвета, указанного для тени текста в моем css. Эта проблема возникает только в Chrome, в...
340 просмотров
schedule
19.09.2022
Аппаратно ускоряются ли 2D-преобразования в Mobile Safari?
Мне часто говорили, что 3D-преобразования CSS аппаратно ускоряются в Mobile Safari, что заставляет меня задаться вопросом, не означает ли это, что 2D-преобразования таковыми не являются? Я не могу придумать причин, по которым их не было бы, поскольку...
3066 просмотров
schedule
16.01.2023
Проблема мерцания/рендеринга с -webkit-transform
У меня возникла странная проблема с -webkit-transform . Если я использую perspective и rotateX , чтобы сделать элемент «перевернутым», если элемент достаточно высокий, он мерцает или вообще не отображается за определенным углом.
Я создал...
920 просмотров
schedule
17.02.2023
:hover работает только с нижней частью преобразованного div rotateX
У меня есть div с примененным к нему преобразованием CSS rotateX:
-webkit-transform: perspective(500px) rotateX(60deg) rotateY(60deg) ;
и в нем плавала куча меньших div с примененным к ним правилом :hover. Проблема в том, что только...
496 просмотров
schedule
17.11.2022
Как реконструировать преобразование webkit matrix3d
У меня есть элемент куба, который вращается и переводится в трехмерное пространство.
Я хочу узнать только часть rotateY этого преобразования в данный момент времени. Это возможно?
У меня есть:
var cube = document.getElementById("cube");...
3381 просмотров
schedule
02.09.2022
Блок высотой 100% с вертикальным текстом
У меня есть блок переменной высоты, в который я хочу поместить другой блок со 100% высотой и вертикальным текстом (направление снизу вверх) и сложить его слева от внешнего блока. Есть ли способ добиться этого с помощью преобразований CSS, но без...
13711 просмотров
schedule
25.06.2022
css - div в неправильном положении в Firefox
Я делаю карту с анимацией css, и в Chrome/Safari она отлично работает, но в Firefox один из div выходит из своей позиции. Откройте эту скрипту в Chrome/Safari и Firefox, чтобы посмотреть, что происходит. Кто-нибудь знает исправление/обходной путь...
172 просмотров
schedule
28.05.2022
Преобразование CSS перевести абсолютно
У меня есть куча дочерних элементов, которые абсолютно расположены в родительском контейнере. Я хотел бы переместить некоторые из них в положение относительно их родительского контейнера, только с преобразованиями CSS. Это возможно? Кажется, что...
1383 просмотров
schedule
08.02.2023
css масштабируемый (-webkit-transform) div и его дочерний элемент с jquery ui, который можно перетаскивать, перемещается не так, как курсор во время перетаскивания
У меня есть окно с ребенком внутри. Ребенок должен двигаться внутри окна. Окно масштабируется с помощью css-преобразования (-webkit-transform). Я пробовал что-то вроде этого:
html
<div class="window">
<div...
1259 просмотров
schedule
17.01.2023
Как комбинировать преобразования элементов?
В HTML5 я хочу реализовать функцию преобразования в элемент холста, чтобы пользователь мог translate (перемещать), scale (увеличивать/уменьшать масштаб) и rotate элемент холста. Каждое такое преобразование может быть выполнено с другой точкой...
1677 просмотров
schedule
05.07.2022
Смещение Jquery() и преобразование css с IE
У меня есть div, который «прокручивается» с помощью css-transfrom. Я использовал jquery offset(), чтобы получить верхнюю позицию. Это отлично работает в Chrome, однако в Internet Explorer (9) смещение не меняется. Я думаю, что это как-то связано с...
607 просмотров
schedule
13.06.2022
Проблема с углом преобразования CSS 3D
Я использую CSS3 для выполнения следующего преобразования в div:
'-webkit-transform' : 'rotateX(45deg) rotateZ(-45deg)'
Результат такой:
Или как в этой скрипте: http://jsfiddle.net/kteSW/
Как мы видим здесь, угол составляет 36...
964 просмотров
schedule
29.08.2022
Использование единиц измерения в перспективе CSS
Просто быстрый вопрос, чтобы прояснить некоторую путаницу, которая у меня возникла в отношении единиц измерения в CSS perspective .
В спецификации CSS Transforms он ссылается на него с помощью px , например. perspective: 1000px; но я...
877 просмотров
schedule
03.11.2023