Вопросы с тегом «css-transforms»

Используя CSS, как я могу применить более одного transform? Пример: далее применяется только перевод, а не вращение. li:nth-child(2) { transform: rotate(15deg); transform: translate(-20px,0px); }

605 css  css-transforms 

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

142 html  css  css-position  css-transforms 

Скажем, у меня есть пара столбцов, в некоторых из которых я бы хотел повернуть значения: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> С помощью этого CSS: .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } В итоге …

119 css  css-transforms 

У меня проблемы с поворотом и позиционированием строки текста. Теперь работает просто позиция. Вращение тоже работает, но только если я отключу позиционирование. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } HTML - это простой текст.

86 css  webkit  transform  css-transforms 

Я использую переходы CSS для перехода между преобразованными состояниями CSS (в основном изменяя масштаб элемента). Я замечаю, что при переходе элемента остальной текст на странице (в Webkit) имеет тенденцию немного изменять его отображение, пока переход не будет выполнен. Сценарий: http://jsfiddle.net/russelluresti/UeNFK/ Я также заметил, что этого не происходит с моими заголовками, …

81 css  webkit  css-transitions  css-transforms 

Как комбинировать rotateX(50deg) rotateY(20deg) rotateZ(15deg)стенографию rotate3d()?

79 css  css-transforms 

Я пытаюсь создать анимацию в стиле американских горок с помощью CSS. Я хочу знать, как изогнуть «каботажное судно», когда оно находится в стадии цикла. Я ищу решение для всего CSS, но если есть необходимость немного JavaScript, я в порядке с этим. мой код до сих пор: #container { width: 200px; …

15 html  css  css-animations  css-transforms