Вопросы с меткой [transform]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
8 показов

SASS не работает один класс

Делаю сайт, в header есть вот такой текст, разбитый на два класса main и secondary. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...
Илья's user avatar
0 голосов
1 ответ
16 показов

Вертикальный текст в липкой шапке заезжает за вертикальный текст в таблице

Вертикальный текст в липкой шапке заезжает за вертикальный текст в таблице. При удалении transform: rotate(180deg); всё работает как надо. Как сделать так, чтобы ячейки R1 не перекрывали ячейку AAA, ...
Babaika's user avatar
1 голос
2 ответа
87 показов

Как склеить вектор векторов в один вектор с помощью transform_reduce?

#include <iostream> #include <iterator> #include <vector> #include <numeric> #include <string> using namespace std; int main() { vector<vector<string>> ...
Давид's user avatar
0 голосов
1 ответ
17 показов

как сделать чтобы после анимации трансформ, элемент возвращался моментально на свое место без анимации

Как после анимации трансформ, элемент возвращался моментально на свое место без анимации, и анимацию можно было бы повторно запустить кликом с событием. Возможно это как-то по особенному делается во ...
Gans Liber's user avatar
0 голосов
0 ответов
25 показов

Как сделать элементы с промежутком как на скриншоте с помощью одного тега без svg? [дубликат]

На данном скриншоте это сделано с помощью svg, но я пытаюсь сделать с помощью тегов. Сразу скажу, да я могу просто сделать +100500 тегов span, но я хочу попробовать сделать с помощью одного тега
David Meyster's user avatar
1 голос
1 ответ
29 показов

UI геометрия Transform: рассчитать rotate от текущих значений

Есть например объект со значением transform scale 1.66, нам надо установить ему scale 1.0. Проблема в том, что мы не можем установить абсолютное значение, а только относительное: то есть если мы ...
posix's user avatar
  • 349
0 голосов
1 ответ
31 показ

CSS Не отрабатывает transform: scaleX(0)

Есть такой шаблон CSS/HTML .block_navigation { position: sticky; top: 0; padding-top: 20px; margin-right: 5px; display: flex; padding-right: 5px; height: calc(100vh - 20px); flex-...
BlackStar1991's user avatar
0 голосов
1 ответ
23 показа

Несколько трансформов в одной сущности

Попытался создать простую программу, показывающую тор с подсветкой. Все работает, но есть проблема с положением света. При попытке создать новое преобразование для света после создания тора ...
Volodymyr's user avatar
0 голосов
0 ответов
53 показа

Объединение SVG элементов в группу при перемещении по холсту

Нужно сделать в svg редакторе возможность перемещать svg элементы по холсту. Первая мысль изменять выделенным элементам transform translate с помощью js и все. Но при большом количестве элементов все ...
SergeyPopov's user avatar
-2 голоса
3 ответа
40 показов

Поворот нескольких изображений с одним классом js [закрыт]

Всем привет, у меня есть много изображений на сайте, каждое изображение должно поворачиваться на 90 градусов при клике. Я это сделал, все работает, но поворачивается лишь одно изображение, остальные ...
MaxVoices's user avatar
0 голосов
0 ответов
16 показов

OpenGL Правомерность действия

В ходе моего обучения OpenGL у меня возник вопрос. Я получаю с камеры видео поток используя GL_TEXTURE_EXTERNAL_OES. Далее для правильной выборки из текстуры (нужно перевести "стандартные" ...
Дима Зверинцев's user avatar
0 голосов
1 ответ
13 показов

Как осуществить translate картинки с добавлением значения? [закрыт]

Приветствую. У меня есть проблема с добавлением значения (целочисленного) в пикселях к уже существующему значению позиции. Тоесть, вкратце, мне нужно, чтобы картинка сдвинулась по итогу со своей ...
Kurio's user avatar
  • 1
2 голоса
2 ответа
477 показов

Анимация поворота уже трансформированного элемента средствами CSS и JS

На простенькой html-страничке я кнопками вращаю изображение. Если изображение вращать только кнопками "повернуть по часовой" и "повернуть против часовой", то изображение вращается ...
DiD's user avatar
  • 7,526
0 голосов
1 ответ
157 показов

Ограничение смещения блока, используя transform translate, mousemove и pageX (pageY)

Я изменяю размеры и положения блока используя событие mousemove. Т.е. я изменяю transform translate и width (height) с помощью pageX (pageY). Но из-за того, что событие мыши mousemove не успевает ...
Manu's user avatar
  • 3
0 голосов
0 ответов
141 показ

Наклон на css, как наклонить бэкграунд? или по другому сделать

как сделать такой наклон? подскажите плиз
user avatar
1 голос
1 ответ
2k показов

Как сделать, чтобы изображение подстраивалось под размер экрана

Я хочу, чтобы изображение на моем экране подстраивалось под размер экрана. Помогите, пожалуйста, кому не сложно. import pygame pygame.init() screen = pygame.display.set_mode((1000,1000)) pygame....
user473939's user avatar
0 голосов
0 ответов
678 показов

Unity C# Локальные координаты объекта относительно родителя его родителя

У меня есть объект "Camera_Position" и "GunCamera" (Иерархия приведена ниже). Мне необходимо сделать так, что бы "GunCamera" перемещалась на место "Camera_Position&...
Матвей Ткачёв's user avatar
2 голоса
0 ответов
74 показа

Ширина и высота трансформированного элемента

Есть трансформируемый пользователем элемент(синий прямоугольник), его можно повернуть с помощью transform:rotate() и масштабировать с помощью transform:scale(). Как получить iX и iY? element....
Николай Шляпников's user avatar
0 голосов
2 ответа
362 показа

Аналог zoom в css? Свойство transform: scale() как свойство zoom

В css есть свойство zoom, оно делает то, что нужно, но нет поддержки в браузерах (в частности Firefox). Так же есть свойство transform: scale(), но дело в том, что блок main_div становится видимым при ...
Manu's user avatar
  • 3
1 голос
1 ответ
176 показов

Как повернуть текст внутри блока div чтобы он не выходил за границы блока

Не получается отобразить слева посередине блока слова: "важно" и "не важно" * { margin: 0; padding: 0; } .main { width: 80%; height: 80vh; margin: 0 auto; ...
Andrey's user avatar
  • 25
0 голосов
1 ответ
90 показов

HTML/CSS: после transform: translateY(-100%) появилась нижняя граница (скрин)

Как убрать то, что я подчеркнул? CSS - transform: translateY(-100%)
Dima's user avatar
  • 131
0 голосов
0 ответов
60 показов

При масштабировании элемента, текст внутри него не на долго меняется

Есть элемент, при наведении на него он должен увеличится в размере (сделано это при помощи transform: scale(1.1)). Во время увеличения элемента, текст внутри него не на долго изменяется (как будто на ...
Дмитрий's user avatar
3 голоса
0 ответов
69 показов

Обнулить offset в RectTransform, расположив anchors по углам rect

Кратко: как провести линию из нижнего левого в правый верхний угол экрана? Если я сделаю: offsetMin = Vector2.zero; offsetMax = Vector2.zero То прямоугольник встанет точно по якорям, будто я вручную ...
Максим Фисман's user avatar
2 голоса
0 ответов
61 показ

Получение позиции мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ

Подскажите, пожалуйста, как получить позицию мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ? На первом скриншоте показано, что после применения CSS-свойства ...
Владислав Брайко's user avatar
0 голосов
1 ответ
22 показа

Наклонить блок только снизу, и срезать грани

В целом у меня есть блок галерея, который при скроле мне надо наклонить, нижнюю часть, без поворота, наклонится должен весь контент. пробовал skew(), не получается, та же история и с Matrix Transform. ...
Val'demar's user avatar
0 голосов
1 ответ
291 показ

Координаты transform.position не совпадают с тем, что пишет Debug.Log(transform.position)

Пишу свою 2d игру и столкнулся с проблемой: Есть карта, её игрок будет свайпать влево или вправо (как в игре Reigns). Основная логика работает через интерфейсы IDragHandler, IBeginDragHandler, ...
Arlen's user avatar
  • 21
0 голосов
1 ответ
805 показов

Как отслеживать transform позицию курсора мыши в Unity2d?

Я делаю игру песочницу, в ней объекты создаются нажатием мыши. Но я не нашёл кода который выдавал бы transform позицию, Input.MousePosition выдаёт позицию в пикселях а использовать это в transform ...
Фёдор Матвеев's user avatar
0 голосов
1 ответ
326 показов

Выезжающий блок на чистом CSS

Есть коллаж с фотографиями, при наведение курсора на фотографию, необходимо чтобы плавно выезжал блок с текстом (:hover), но получается так, что при использование transform: translateX(-50%), блок ...
Fanzholl's user avatar
-1 голос
2 ответа
583 показа

При использовании transform: scale некорректно работает object-fit

Есть карточки товаров (выглядят как карточки товаров). Картинка, потом заголовок и описание. <section class="projects__section c-container--center-max"> <h2 class="visually-...
MrShnaider's user avatar
0 голосов
1 ответ
61 показ

Unity2d человек - человек на лошади, перемещение и закрепление на обьекте

Есть два вида управления, висят в одном скрипте на игроке Один скрипт предназначен для ходьбы пешком, а другой для езды верхом Пока что переключение между ними осуществляется просто на button("...
shenntaro's user avatar
1 голос
1 ответ
59 показов

SetParent in Unity

Всем добрый день! Создаю приложение под android на примере https://www.youtube.com/watch?v=BgPiKw8Q6Xk&list=PL0lO_mIqDDFVuqf113xXF-0JaglMUMXCV&index=14, в данный момент у меня возникла ...
Superbarsik's user avatar
1 голос
1 ответ
120 показов

Псевдокласс hover и свойство transform

Проблема пустяковая, но совсем не могу понять почему так происходит. Сделал кнопки прокрутки контента из одной кнопки next.svg для перехода в перед и назад(просто прописал свойство transform:rotate(...
BattLzZ's user avatar
  • 35
0 голосов
4 ответа
311 показов

Поворот при помощи Rigidbody

Есть два объекта, один который мы поворачиваем при помощи Rigidbody и второй, чей угол поворота он должен повторить. Нужна помощь со скриптом, тот скрипт что я написал на данный момент, при некоторых ...
zelk12's user avatar
  • 13
1 голос
0 ответов
83 показа

Наложить картинку с transform на canvas

Есть canvas. Есть картинка с абсолютной позицией, которую можно перемещать поверх canvas. Можно ее "отпечатать" на canvas, просто вызвав drawImage с отступами картинки. Если у картинки есть ...
Evgeniy's user avatar
  • 11
0 голосов
1 ответ
69 показов

Как ГИБКО наложить край буквы на рамку?

Необходимо "хвостик" буквы р наложить на край рамки. Да так, чтобы при изменении размера окна, он не съезжал. Вот так должно быть при любом размере окна: На данный момент в коде используется ...
224berryjuice's user avatar
1 голос
1 ответ
58 показов

Совместимость transform: skew с border и border-radius

У меня есть 3 блока со значением transform: skew(0deg, 10deg). При попытке прописать border (см 1 фото) или border-radius (см 2 фото) верхняя (косая) граница становится "ступенчатой". Без ...
Altereyo's user avatar
0 голосов
1 ответ
185 показов

Координата дочернего объекта Unity

Ребят, привет всем. Подскажите, правильно ли я обращаюсь для того, чтобы получить координату дочернего объекта, который сам является дочерним? nailDeskInst.GetComponentInChildren<Transform>()....
Alex B's user avatar
  • 75
0 голосов
2 ответа
85 показов

Как в border поместить текст перевернутый на -90deg?

Вот пример, как добиться такого результата?
Лукас's user avatar
1 голос
0 ответов
78 показов

Проблема с transform и z-index на всех устройствах IOS

Есть блок, который крутится посредством JS и изменения свойства transform: rotate, перед этим блоком есть еще один блок, который совершает 3d поворот при наведении(в перспективе), посредством rotate3d(...
DexColt's user avatar
  • 323
6 голосов
2 ответа
77 показов

Можно ли рассчитать угол rotateY и значение perspective?

Хочу сделать то, что на фото Вопрос: Можно ли каким-то способом рассчитать угол rotateY ИЛИ все это делается "на глаз", подгоняя под пример?
Eva's user avatar
  • 1,859
1 голос
1 ответ
522 показа

Как сделать так, чтоб при наведении увеличивался масштаб изображения, НО при этом сам элемент не выходил за назначенные ему границы?

Как сделать так, чтоб при наведении увеличивался масштаб изображения, НО при этом сам элемент по прежнему оставался 300рх и не выходил за назначенные ему границы? Почему в данном случае не действует ...
Eva's user avatar
  • 1,859
1 голос
1 ответ
374 показа

Почему не работает perspective?

У меня есть родитель, которому я задаю perspective и rotateY(60deg). НО "родитель" не выглядит так, как если бы он находился в 3д пространстве. В чем может быть проблема? .parent { ...
Eva's user avatar
  • 1,859
1 голос
1 ответ
56 показов

Как работает transform-style?

Как я понимаю, transform-style: preserve-3d; задается непосредственно самому элементу и "включает" у него 3д пространство. Но лично я совершенно не вижу разницы с использованием transform-...
Eva's user avatar
  • 1,859
2 голоса
1 ответ
63 показа

трапеция. отступ от угла. css. responsive

Есть два блока в форме трапеции. По левому краю от этих двух блоков идет линия под углом. как при адаптиве рассчитать отступ относительно этой линии для обоих блоков, если их высота меняется? Дело в ...
JKaminsky's user avatar
2 голоса
2 ответа
977 показов

Почему не работает transform: translate по оси z?

У меня есть элемент, которому заданы transform: perspective(500px) и transform: translate(0 0 100px). Почему элемент не двигается по оси зет? Кроме того, при добавлении transform: translate перестает ...
Eva's user avatar
  • 1,859
0 голосов
1 ответ
74 показа

Почему transform: translate перестает работать?

У меня есть блок, который я передвигаю на 50% от ширины и высоты самого блока по x, y с помощью transform: translate. Все работает, но когда я прописываю этому же блоку transform: scale этот блок ...
Eva's user avatar
  • 1,859
0 голосов
1 ответ
48 показов

Помогите с анимацией пожалуйста

почему меню появляется моментально, а не плавно? <header> <div class="container"> <div class="header__content"> <div class="...
bazmexes's user avatar
  • 377
0 голосов
1 ответ
53 показа

Не отображаеться блок при изминении translateY [закрыт]

Сверстал блок который после написания скрипта будет выезжать при нажатии иконки меню. Пытаюсь его открыть путём изменения translateY() с -100% на 0 но он не отображается. В чём может быть проблема? ...
Ulrich Zven's user avatar
-1 голос
2 ответа
42 показа

transform rotate полный оборот + N deg on hover [закрыт]

Есть самолет, который вращается по кругу при ховере на блоки рядом (N deg берем с data этого блока и через js задаем transform rotate). Нужно сделать что бы самолет делал полный оборот + N deg всегда ...
Front user32's user avatar
1 голос
2 ответа
123 показа

Некорректно работает анимация изменения и увеличения элемента в Safari

Есть два блока, они анимированы на увеличение. В Chrome, Firefox работает нормально, на на Safari блоки съезжают вниз и направо. Ощущение, как будто transform-orign: top left. Пробовал анимировать ...
Максим Тянин's user avatar