Результаты поиска по запросу "css-transforms"

1 ответ

) был использован для иллюстрации неоднозначности, которую должен был исправить содержащий блок.

тоящее время я работаю над сайтом и столкнулся с этим странным поведением. Я не уверен, что это ошибка или как с ней бороться, поэтому я прошу вас, ребята, о помощи. Итак, у меня есть эта «анимация» на титульном экране, заголовок ...

2 ответа

Да, именно я хотел бы понять, почему это так.

вая эти два примера. Использование Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...

2 ответа

 Масштабировать и переводить

я есть набор кодов из куба, созданного с использованием CSS. Тем не менее, как я могу изменить размер этого в больший куб (например, 200 пикселей)? Я пытался, но каждый раз, когда я пытаюсь это сделать, он выходит из положения .. .mainDiv { ...

ТОП публикаций

1 ответ

Это хороший обходной путь, довольно круто!

аюсь сделать слайдер только для CSS. когдаhoverС помощью стрелок влево и вправо ползунок долженгорка, Конечно. Я пробовал что-то используяanimation-play-state, animation-fill-mode (сохранить позиции) иanimation-direction но я не могу полностью ...

2 ответа

Смотрите другой ответ. Оказалось, что это не так проблематично.

у смоделировать свойстваtransform-origin с помощьюtransform: translate в CSS. По данным МДН [https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin]это очень возможно: Это свойство применяется, сначала переводя элемент на ...

1 ответ

 большим пальцем; Таким образом, вы можете легко достичь того, что вы хотите.

я есть<input type="range"> и хочу вращать большой палец - но только большой палец на входе. Моя проблема: когда я пытаюсь повернуть его, он поворачивает весь слайдер. Кто-нибудь может мне помочь? function slide(event){ ...

1 ответ

Вы можете использовать отрицательное поле для последнего и первого, чтобы скрыть половину элемента:

осил этовопрос [https://stackoverflow.com/questions/49287110/5-images-symmetrically-seperated-with-diagonal-lines/49287285#49287285] ранее спрашивал, как перекосить ассортимент картинок. Я смог получить очень удовлетворительные результаты ...

1 ответ

 :)

дил по интернету и наткнулся на эту тему на Reddit [/imgs/Nwy2o.png] Увидев это милое знамя. Я хотел попробовать подражать чему-то подобному, используя пять симметричных изображений на мой выбор, которые разделены диагональными линиями, как на ...

3 ответа

Правда .... хорошая мысль. Я заинтересован в результате. Похоже на ДРУГУЮ глупую ошибку в вычислениях в CSS, и это то, что я пытаюсь сделать: это не первый раз, когда супер простые вычисления CSS терпят неудачу.

аюсь масштабировать div, но держу внутренний элемент вта же позицияа такжетакой же размер, Для этого я используюtransform: scale(value) на обертке иtransform: scale(1/value) на внутренней части Проблема в том, что внутренний div сдвигается, ...

1 ответ

@ GabyakaG.Petrioli Я думаю, что в целом лучше, так как мы можем, например, рассмотреть случай, когда мы используем некоторую внешнюю библиотеку, которая добавляет анимацию при преобразовании, и в этом случае мы не можем изменить анимацию, и лучше изменить CSS нашего элемента.

я ситуация похожая на этуиграть на скрипке [https://jsfiddle.net/ddvn3p1h/3/]где у меня есть CSS3-анимация, которая масштабирует элемент, абсолютно позиционированный в центре другого элемента. Однако, когда анимация имеет место, она смещена от ...