Лучшие css-transforms вопросы ИТ разработчиков

  • 8 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Почему мой Transform возвращается назад?

Пытаюсь заставить свою стихию оставаться на месте (после перехода). Прямо сейчас, переведенное местоположение - то, где я хочу это, но затем мое имя возвраща...

Задан 02 Aug 2015, 03:11 от Snorlax
  • 22 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

Как повернуть + перевернуть элемент с помощью CSS

Свойство transform позволяет вращать или переворачивать, но как вы можете сделать оба одновременно? Скажем, я хочу повернуть элемент на 90 градусов и перевернуть его горизонтально? Оба выполняются с одним и тем же свойством, поэтому последний ...

Задан 10 Jun 2013, 00:39 от chinabuffet
  • 26 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

keithclark.co.uk/articles/pure-css-parallax-websites

агрузить сайт с горизонтальнойCSS только параллакс-эффект?Требования Только параллакс CSSродительский слой должен иметь ширину / высоту == 100vw / 100vhдочерние слои должны иметь ширину / высоту> 100vw / 100vhдочерние слои должны визуально ...

Задан 23 Aug 2017, 09:53 от Axel
  • 27 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как использовать матричное преобразование и другие свойства CSS преобразования?

При использовании свойства transform в CSS одним из возможных методов являетсяmatrix метод, который требует 6 полей ввода. Код CSS будет выглядеть примерно так ... #test{ transform: matrix(1, 0, 0, 1, 0, 0); }Есть также несколько ...

Задан 30 Jan 2014, 23:17 от Birrel
  • 0 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

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

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

Задан 15 Mar 2018, 00:04 от iron2man
  • 37 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Масштабировать / масштабировать элемент DOM и занимаемое им пространство с помощью CSS3 transform scale ()

В середине моей страницы у меня есть элемент div с некоторым содержанием в нем (другие div, изображения, что угодно).

Задан 29 Jul 2012, 08:55 от Rich Bradshawkanaka
  • 9 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

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

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

Задан 31 Dec 2017, 16:18 от sanjihan
  • 3 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Javascript: матричные операции для перспективы преобразования CSS

я используюэтот скрипт которая претендует на реализацию операции matrix3d, как описано вспецификацияОднако в сценарии отсутствуют операции с матричной перспе...

Задан 26 Feb 2016, 14:52 от thednp
  • 7 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Нежелательный контур на границе, когда родитель трансформируется

Я использую границы для некоторого контента. Тем не менее, я нахожу нежелательный контур 1px того же цвета, что иbackground цвет добавляется вокруг границы при преобразовании родителя (по крайней мере, сscale а такжеrotate). Это происходит и с ...

Задан 08 Jan 2014, 18:51 от Zach Saucier
  • 5 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Как воссоздать эффект перспективы в перспективе путем преобразования дочерних элементов?

Так что после борьбы с IEглюки [https://stackoverflow.com/questions/12622441/why-is-backface-visibility-hidden-not-working-in-ie10-when-perspective-is-applie] а ...

Задан 20 Jun 2013, 00:34 от ndm
  • 5 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Как воссоздать эффект перспективы в перспективе путем преобразования дочерних элементов?

Так что после борьбы с IEглюки а такженесовместимостьЯнаконец-то у меня работает кубоид правильного размера (Обновить: Вот'пример этого). Анимация требуе...

Задан 19 Jun 2013, 22:34 от ndm
  • 31 голос
  • 3 ответа
  • 0 просмотров
3 ответа

Как использовать transform: translateX для перемещения дочернего элемента по горизонтали на 100% по родительскому элементу

Все, Я хотел бы иметь возможность использоватьtranslateX анимировать дочерний элемент на 100% через его родительский элемент (т.е. от левого края к правому краю). Проблема в том, что проценты вtranslateX обратитесь к самому элементу, а не ...

Задан 04 Feb 2014, 16:09 от mattstuehler
  • 123 голосов
  • 11 ответов
  • 0 просмотров
11 ответов

«transform3d» не работает с положением: исправлены дети

У меня есть ситуация, когда в нормальных условиях CSS фиксированный div будет расположен именно там, где он указан (top:0px, left:0px). Это, кажется, не соблюдается, если у меня есть родитель, у которого есть translate3d преобразование. Я что-то ...

Задан 04 Mar 2013, 03:53 от Juan Carlos Moreno
  • 4 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

«Position: fixed» не просыпается, когда у родителя есть CSS-свойство transform

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

Задан 24 Feb 2016, 08:05 от Suresh Pattu
  • 63 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Вращать и переводить

У меня возникли проблемы с поворотом и позиционированием строки текста. Теперь это просто позиция, которая работает. Вращение тоже работает, но только если я отключаю позиционирование. CSS: #rotatedtext { transform-origin: left; transform: ...

Задан 28 May 2013, 15:12 от Sera
  • 79 голосов
  • 4 ответа
  • 0 просмотров
4 ответа

сокращение rotate3d

Как совместить

Задан 04 Mar 2013, 16:26 от Artem Svirskyi
  • 0 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Определите, может ли компьютер правильно поддерживать 3D-преобразования

Когда я обнаруживаю webkit, я добавляю дополнительную таблицу стилей, используя свойства 3D Transforms. Хотя он отлично работает на разных компьютерах(All on...

Задан 10 Aug 2012, 13:34 от Simon Arnold
  • 50 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

CSS3 трансформирует поворот, вызывая смещение на 1 пиксель в Chrome

У меня проблема в chrome с переходом css3 transtate rotate. Переход работает нормально, но сразу после завершения сдвиг элемента на пиксель. Другая странная вещь в том, что это происходит только тогда, когда страница центрирована (margin:0 ...

Задан 06 Feb 2013, 12:48 от DonutReply
  • 3 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Объединить преобразования CSS3 через JS

пожалуйста, есть ли способ, как объединить больше CSS3 преобразований с течением времени? Например, когда я установил это $bgWrapper.css({ '-webkit-transform' : ' scale3d(' + currScale + ', '+ currScale +', 1)' });А потом в несколько мгновений ...

Задан 15 Oct 2011, 11:18 от simekadam
  • 1 голос
  • ответ
  • 0 просмотров
ответ

 класс :

ель не имеет определенной ширины, потому что внутри неизвестное количество детей. Почему дети попадают в новую линию и как это предотвратить? Дети должны быть на одной линии. .wrap { position: absolute; left: 50%; top: 50px; height:40px; ...

Задан 30 Jun 2017, 21:37 от Toniq
  • 5 голосов
  • 5 ответов
  • 0 просмотров
5 ответов

обратная видимость не работает в IE10 - отлично работает в webkit

Я создаю простую карточку с чистой картой анимация, этоhas работать в IE10, но, к сожалению, то, что я написал, не делает. jsFiddle демо здесь или жеобразец...

Задан 11 Jul 2012, 16:19 от BoltClockfelixthehat
  • 8 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Запретить детям наследовать преобразование поворота в CSS

Я выполняю преобразование CSS: вращение на родительском элементе, но хотел бы иметь возможность отменить этот эффект на некоторых дочерних элементах - возможно ли это без использования обратного вращения? Обратное вращение работает, но оно ...

Задан 01 Mar 2012, 09:25 от NPC
  • 23 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

Преобразование CSS3 возвращает положение: исправлено

При использовании css3transform(), position: fixed не применяется. Я сделал полностью рабочий jsFiddle, показывая проблему:http://jsfiddle.net/SR5ka/ [http://jsfiddle.net/SR5ka/] Сначала прокрутите вниз, обратите внимание, что левая боковая ...

Задан 27 Sep 2013, 20:36 от Justin
  • 12 голосов
  • 1 ответ
  • 0 просмотров
1 ответ

Текст размыт после 3D-преобразования

У меня есть div, который я повернул вокруг оси X с перспективой. Div содержит текст, который становится размытым, когда применяется вращение. Есть ли способ ...

Задан 03 Oct 2014, 09:31 от jollelj
  • 1 голос
  • 3 ответа
  • 0 просмотров
3 ответа

Не перезаписывайте свойства CSS, а добавляйте к ним с помощью jQuery

Я просто хочу знать, как использовать функцию jquery .css (), чтобы не перезаписывать, а добавлять дополнительные значения в свойства CSS.Например, у меня ес...

Задан 06 Feb 2015, 19:20 от justinbc820
  • 58 голосов
  • 2 ответа
  • 0 просмотров
2 ответа

CSS-преобразование не работает на встроенных элементах

Я хотел отразить письмоE в словеWEBLOG поэтому я использовал свойство CSS transform, но оно не работает, если я обертываю текст внутри span, но работает, если яdisplay: inline-block; или жеdisplay: block; То есть преобразования не относятся к ...

Задан 14 Feb 2013, 20:14 от Mr. Alien
  • 1 голос
  • 0 ответов
  • 0 просмотров
0 ответов

 :)

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

Задан 14 Mar 2018, 20:29 от iron2man
  • 82 голосов
  • 0 ответов
  • 0 просмотров
0 ответов

Вращенные элементы в CSS, которые корректно влияют на высоту их родителей

Допустим, у меня есть пара столбцов, некоторые из которых я хотел бы повернуть значения: http://jsfiddle.net/MTyFP/1/ [http://jsfiddle.net/MTyFP/1/] <div class="container"> <div class="statusColumn"><span>Normal</span></div> ...

Задан 30 Apr 2013, 13:51 от Chris
  • 2 голосов
  • 3 ответа
  • 0 просмотров
3 ответа

phaser.io

я есть очень маленький фрагмент игры, похожей на астероиды, над которой я работаю, используя только DOM без Canvas. У меня &quot;корабль&quot; движется довол...

Задан 02 May 2017, 05:07 от sol acyon
  • 4 голосов
  • ответ
  • 0 просмотров
ответ

Хорошо, этого было достаточно, чтобы поговорить. Вот код, который я использовал. Извините, если не очень понятно.

я есть куб, построенный с использованием CSS. Он состоит из 6 граней, и каждая грань трансформируется в одну грань куба, а все 6 граней находятся под одной<div> с классом.cube, Любое вращение, которое я делаю с кубом, делается на этом ...

Задан 01 Jul 2017, 10:45 от George V.M.
Page 1 of 3
1 2 3