Вопросы с меткой [transform]
Руководство по использованию метки transform отсутствует.
137
вопросов
0
голосов
1
ответ
8
показов
SASS не работает один класс
Делаю сайт, в header есть вот такой текст, разбитый на два класса main и secondary.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
&...
0
голосов
1
ответ
16
показов
Вертикальный текст в липкой шапке заезжает за вертикальный текст в таблице
Вертикальный текст в липкой шапке заезжает за вертикальный текст в таблице.
При удалении transform: rotate(180deg); всё работает как надо.
Как сделать так, чтобы ячейки R1 не перекрывали ячейку AAA, ...
1
голос
2
ответа
87
показов
Как склеить вектор векторов в один вектор с помощью transform_reduce?
#include <iostream>
#include <iterator>
#include <vector>
#include <numeric>
#include <string>
using namespace std;
int main() {
vector<vector<string>> ...
0
голосов
1
ответ
17
показов
как сделать чтобы после анимации трансформ, элемент возвращался моментально на свое место без анимации
Как после анимации трансформ, элемент возвращался моментально на свое место без анимации, и анимацию можно было бы повторно запустить кликом с событием. Возможно это как-то по особенному делается во ...
0
голосов
0
ответов
25
показов
Как сделать элементы с промежутком как на скриншоте с помощью одного тега без svg? [дубликат]
На данном скриншоте это сделано с помощью svg, но я пытаюсь сделать с помощью тегов. Сразу скажу, да я могу просто сделать +100500 тегов span, но я хочу попробовать сделать с помощью одного тега
1
голос
1
ответ
29
показов
UI геометрия Transform: рассчитать rotate от текущих значений
Есть например объект со значением transform scale 1.66, нам надо установить ему scale 1.0. Проблема в том, что мы не можем установить абсолютное значение, а только относительное: то есть если мы ...
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-...
0
голосов
1
ответ
23
показа
Несколько трансформов в одной сущности
Попытался создать простую программу, показывающую тор с подсветкой. Все работает, но есть проблема с положением света.
При попытке создать новое преобразование для света после создания тора ...
0
голосов
0
ответов
53
показа
Объединение SVG элементов в группу при перемещении по холсту
Нужно сделать в svg редакторе возможность перемещать svg элементы по холсту. Первая мысль изменять выделенным элементам transform translate с помощью js и все. Но при большом количестве элементов все ...
-2
голоса
3
ответа
40
показов
Поворот нескольких изображений с одним классом js [закрыт]
Всем привет, у меня есть много изображений на сайте, каждое изображение должно поворачиваться на 90 градусов при клике. Я это сделал, все работает, но поворачивается лишь одно изображение, остальные ...
0
голосов
0
ответов
16
показов
OpenGL Правомерность действия
В ходе моего обучения OpenGL у меня возник вопрос.
Я получаю с камеры видео поток используя GL_TEXTURE_EXTERNAL_OES.
Далее для правильной выборки из текстуры (нужно перевести "стандартные" ...
0
голосов
1
ответ
13
показов
Как осуществить translate картинки с добавлением значения? [закрыт]
Приветствую.
У меня есть проблема с добавлением значения (целочисленного) в пикселях к уже существующему значению позиции.
Тоесть, вкратце, мне нужно, чтобы картинка сдвинулась по итогу со своей ...
2
голоса
2
ответа
477
показов
Анимация поворота уже трансформированного элемента средствами CSS и JS
На простенькой html-страничке я кнопками вращаю изображение. Если изображение вращать только кнопками "повернуть по часовой" и "повернуть против часовой", то изображение вращается ...
0
голосов
1
ответ
157
показов
Ограничение смещения блока, используя transform translate, mousemove и pageX (pageY)
Я изменяю размеры и положения блока используя событие mousemove. Т.е. я изменяю transform translate и width (height) с помощью pageX (pageY). Но из-за того, что событие мыши mousemove не успевает ...
0
голосов
0
ответов
141
показ
Наклон на css, как наклонить бэкграунд? или по другому сделать
как сделать такой наклон? подскажите плиз
1
голос
1
ответ
2k
показов
Как сделать, чтобы изображение подстраивалось под размер экрана
Я хочу, чтобы изображение на моем экране подстраивалось под размер экрана.
Помогите, пожалуйста, кому не сложно.
import pygame
pygame.init()
screen = pygame.display.set_mode((1000,1000))
pygame....
0
голосов
0
ответов
678
показов
Unity C# Локальные координаты объекта относительно родителя его родителя
У меня есть объект "Camera_Position" и "GunCamera" (Иерархия приведена ниже). Мне необходимо сделать так, что бы "GunCamera" перемещалась на место "Camera_Position&...
2
голоса
0
ответов
74
показа
Ширина и высота трансформированного элемента
Есть трансформируемый пользователем элемент(синий прямоугольник), его можно повернуть с помощью transform:rotate() и масштабировать с помощью transform:scale(). Как получить iX и iY?
element....
0
голосов
2
ответа
362
показа
Аналог zoom в css? Свойство transform: scale() как свойство zoom
В css есть свойство zoom, оно делает то, что нужно, но нет поддержки в браузерах (в частности Firefox).
Так же есть свойство transform: scale(), но дело в том, что блок main_div становится видимым при ...
1
голос
1
ответ
176
показов
Как повернуть текст внутри блока div чтобы он не выходил за границы блока
Не получается отобразить слева посередине блока слова: "важно" и "не важно"
* {
margin: 0;
padding: 0;
}
.main {
width: 80%;
height: 80vh;
margin: 0 auto;
...
0
голосов
1
ответ
90
показов
HTML/CSS: после transform: translateY(-100%) появилась нижняя граница (скрин)
Как убрать то, что я подчеркнул?
CSS - transform: translateY(-100%)
0
голосов
0
ответов
60
показов
При масштабировании элемента, текст внутри него не на долго меняется
Есть элемент, при наведении на него он должен увеличится в размере (сделано это при помощи transform: scale(1.1)). Во время увеличения элемента, текст внутри него не на долго изменяется (как будто на ...
3
голоса
0
ответов
69
показов
Обнулить offset в RectTransform, расположив anchors по углам rect
Кратко: как провести линию из нижнего левого в правый верхний угол экрана?
Если я сделаю:
offsetMin = Vector2.zero;
offsetMax = Vector2.zero
То прямоугольник встанет точно по якорям, будто я вручную ...
2
голоса
0
ответов
61
показ
Получение позиции мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ
Подскажите, пожалуйста, как получить позицию мышки относительно блока к которому применено CSS-свойство transform с rotateX и rotateZ?
На первом скриншоте показано, что после применения CSS-свойства ...
0
голосов
1
ответ
22
показа
Наклонить блок только снизу, и срезать грани
В целом у меня есть блок галерея, который при скроле мне надо наклонить, нижнюю часть, без поворота, наклонится должен весь контент.
пробовал skew(), не получается, та же история и с Matrix Transform.
...
0
голосов
1
ответ
291
показ
Координаты transform.position не совпадают с тем, что пишет Debug.Log(transform.position)
Пишу свою 2d игру и столкнулся с проблемой:
Есть карта, её игрок будет свайпать влево или вправо (как в игре Reigns). Основная логика работает через интерфейсы IDragHandler, IBeginDragHandler, ...
0
голосов
1
ответ
805
показов
Как отслеживать transform позицию курсора мыши в Unity2d?
Я делаю игру песочницу, в ней объекты создаются нажатием мыши. Но я не нашёл кода который выдавал бы transform позицию, Input.MousePosition выдаёт позицию в пикселях а использовать это в transform ...
0
голосов
1
ответ
326
показов
Выезжающий блок на чистом CSS
Есть коллаж с фотографиями, при наведение курсора на фотографию, необходимо чтобы плавно выезжал блок с текстом (:hover), но получается так, что при использование transform: translateX(-50%), блок ...
-1
голос
2
ответа
583
показа
При использовании transform: scale некорректно работает object-fit
Есть карточки товаров (выглядят как карточки товаров). Картинка, потом заголовок и описание.
<section class="projects__section c-container--center-max">
<h2 class="visually-...
0
голосов
1
ответ
61
показ
Unity2d человек - человек на лошади, перемещение и закрепление на обьекте
Есть два вида управления, висят в одном скрипте на игроке
Один скрипт предназначен для ходьбы пешком, а другой для езды верхом
Пока что переключение между ними осуществляется просто на button("...
1
голос
1
ответ
59
показов
SetParent in Unity
Всем добрый день! Создаю приложение под android на примере https://www.youtube.com/watch?v=BgPiKw8Q6Xk&list=PL0lO_mIqDDFVuqf113xXF-0JaglMUMXCV&index=14, в данный момент у меня возникла ...
1
голос
1
ответ
120
показов
Псевдокласс hover и свойство transform
Проблема пустяковая, но совсем не могу понять почему так происходит. Сделал кнопки прокрутки контента из одной кнопки next.svg для перехода в перед и назад(просто прописал свойство transform:rotate(...
0
голосов
4
ответа
311
показов
Поворот при помощи Rigidbody
Есть два объекта, один который мы поворачиваем при помощи Rigidbody и второй, чей угол поворота он должен повторить.
Нужна помощь со скриптом, тот скрипт что я написал на данный момент, при некоторых ...
1
голос
0
ответов
83
показа
Наложить картинку с transform на canvas
Есть canvas. Есть картинка с абсолютной позицией, которую можно перемещать поверх canvas. Можно ее "отпечатать" на canvas, просто вызвав drawImage с отступами картинки. Если у картинки есть ...
0
голосов
1
ответ
69
показов
Как ГИБКО наложить край буквы на рамку?
Необходимо "хвостик" буквы р наложить на край рамки. Да так, чтобы при изменении размера окна, он не съезжал. Вот так должно быть при любом размере окна:
На данный момент в коде используется ...
1
голос
1
ответ
58
показов
Совместимость transform: skew с border и border-radius
У меня есть 3 блока со значением transform: skew(0deg, 10deg). При попытке прописать border (см 1 фото) или border-radius (см 2 фото) верхняя (косая) граница становится "ступенчатой".
Без ...
0
голосов
1
ответ
185
показов
Координата дочернего объекта Unity
Ребят, привет всем. Подскажите, правильно ли я обращаюсь для того, чтобы получить координату дочернего объекта, который сам является дочерним?
nailDeskInst.GetComponentInChildren<Transform>()....
0
голосов
2
ответа
85
показов
Как в border поместить текст перевернутый на -90deg?
Вот пример, как добиться такого результата?
1
голос
0
ответов
78
показов
Проблема с transform и z-index на всех устройствах IOS
Есть блок, который крутится посредством JS и изменения свойства transform: rotate, перед этим блоком есть еще один блок, который совершает 3d поворот при наведении(в перспективе), посредством rotate3d(...
6
голосов
2
ответа
77
показов
Можно ли рассчитать угол rotateY и значение perspective?
Хочу сделать то, что на фото
Вопрос: Можно ли каким-то способом рассчитать угол rotateY ИЛИ все это делается "на глаз", подгоняя под пример?
1
голос
1
ответ
522
показа
Как сделать так, чтоб при наведении увеличивался масштаб изображения, НО при этом сам элемент не выходил за назначенные ему границы?
Как сделать так, чтоб при наведении увеличивался масштаб изображения, НО при этом сам элемент по прежнему оставался 300рх и не выходил за назначенные ему границы?
Почему в данном случае не действует ...
1
голос
1
ответ
374
показа
Почему не работает perspective?
У меня есть родитель, которому я задаю perspective и rotateY(60deg). НО "родитель" не выглядит так, как если бы он находился в 3д пространстве. В чем может быть проблема?
.parent {
...
1
голос
1
ответ
56
показов
Как работает transform-style?
Как я понимаю, transform-style: preserve-3d; задается непосредственно самому элементу и "включает" у него 3д пространство. Но лично я совершенно не вижу разницы с использованием transform-...
2
голоса
1
ответ
63
показа
трапеция. отступ от угла. css. responsive
Есть два блока в форме трапеции.
По левому краю от этих двух блоков идет линия под углом.
как при адаптиве рассчитать отступ относительно этой линии для обоих блоков, если их высота меняется?
Дело в ...
2
голоса
2
ответа
977
показов
Почему не работает transform: translate по оси z?
У меня есть элемент, которому заданы transform: perspective(500px) и transform: translate(0 0 100px). Почему элемент не двигается по оси зет?
Кроме того, при добавлении transform: translate перестает ...
0
голосов
1
ответ
74
показа
Почему transform: translate перестает работать?
У меня есть блок, который я передвигаю на 50% от ширины и высоты самого блока по x, y с помощью transform: translate. Все работает, но когда я прописываю этому же блоку transform: scale этот блок ...
0
голосов
1
ответ
48
показов
Помогите с анимацией пожалуйста
почему меню появляется моментально, а не плавно?
<header>
<div class="container">
<div class="header__content">
<div class="...
0
голосов
1
ответ
53
показа
Не отображаеться блок при изминении translateY [закрыт]
Сверстал блок который после написания скрипта будет выезжать при нажатии иконки меню. Пытаюсь его открыть путём изменения translateY() с -100% на 0 но он не отображается. В чём может быть проблема?
...
-1
голос
2
ответа
42
показа
transform rotate полный оборот + N deg on hover [закрыт]
Есть самолет, который вращается по кругу при ховере на блоки рядом (N deg берем с data этого блока и через js задаем transform rotate). Нужно сделать что бы самолет делал полный оборот + N deg всегда ...
1
голос
2
ответа
123
показа
Некорректно работает анимация изменения и увеличения элемента в Safari
Есть два блока, они анимированы на увеличение. В Chrome, Firefox работает нормально, на на Safari блоки съезжают вниз и направо. Ощущение, как будто transform-orign: top left. Пробовал анимировать ...