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

Преобразования CSS позволяют преобразовывать элементы, созданные с помощью CSS, в двумерном или трехмерном пространстве
8

Предотвращение мерцания на webkit-переходе webkit-transform

Возможный дубликат: iphone webkit css анимации вызывают мерцание По какой-то причине, прямо перед моей анимацией свойства webkit-transform происходит небольшое мерцание. Вот что я делаю: CSS #element { -webkit-transition: -webkit-transfo...
11 авг. '10 в 18:05
12

'transform3d' не работает с позицией: фиксированные дети

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

rotate3d стенография

Как объединить rotateX(50deg) rotateY(20deg) rotateZ(15deg) в сокращенном rotate3d()?
04 мар. '13 в 17:26
9

Как предотвратить изменение текста текста Webkit во время перехода CSS

Я использую переходы CSS для перехода между преобразованными состояниями CSS (в основном, с изменением масштаба элемента). Я замечаю, что когда элемент переходит, остальная часть текста на странице (в Webkit) имеет тенденцию слегка изменять его отобр...
19 сент. '12 в 20:16
8

Повернутые элементы в CSS, которые правильно влияют на их родительскую высоту

Скажем, у меня есть несколько столбцов, из которых я хотел бы повернуть значения: http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusC...
30 апр. '13 в 13:51
4

Преобразование 3D CSS, зубчатые края в Firefox

Аналогично "css transform, зубчатые края в chrome", то же самое происходит с Firefox на 3D-преобразованиях, например: http://jsfiddle.net/78d8K/5/ (< - запомнить: Firefox) На этот раз backface-visibility не помогает: ( Любая идея?
10 февр. '12 в 21:52
7

Как я могу создать чистые трехмерные сферы CSS?

tl;dr: Я хотел бы создать настоящую трехмерную сферу с помощью CSS, а не просто иллюзию Примечание: некоторые примеры фрагментов не отвечают. Пожалуйста, используйте полный экран. С помощью чистого CSS вы можете создавать и анимировать 3d-куб следу...
21 июл. '17 в 12:52
2

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

Я хотел отразить букву E в слове WEBLOG, поэтому я использовал свойство преобразования CSS, но это не работает, если я обертываю текст внутри диапазона, но он работает, если я рассматриваю display: inline-block; или display: block; Таким образом,...
14 февр. '13 в 20:14
2

Как reset CSS3 * -transform: translate (...)?

Как я могу сбросить свойства CSS transform Значение CSS translate? Скажи, что у меня есть: div.someclass { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate(0, -50%); -ms-transform: translate(0,- 50%); ...
17 окт. '11 в 7:30
6

Повернуть веб-страницу через код?

Я надеюсь, что существует относительно простой способ повернуть веб-страницу немного, на 30 градусов или около того, оставаясь при этом полностью функциональным и удобным. Я полностью контролирую страницу и могу ее модифицировать, чтобы сделать это ...
12 февр. '10 в 0:37
5

Вращение или поворот изображения при наведении

Я хочу узнать, как сделать вращающееся или вращающееся изображение, когда оно зависает. Я хотел бы знать, как эмулировать эту функциональность с помощью CSS по следующему коду: img { border-radius: 50%; } <img src="http://i.imgur.com/3DWAb...
16 мая '14 в 12:19
5

Почему скрытая скрытая видимость не работает в IE10, когда перспектива применяется к родительским элементам?

Итак, вот еще один глюк IE10. Проблема в том, что применение перспективы к родительским элементам нарушает скрытую настройку скрытой видимости. Посмотрите эту скрипту: http://jsfiddle.net/2y4eA Когда вы наводите курсор на красный квадрат, он поворач...
27 сент. '12 в 13:23
7

Эффект Hover: расширение нижней границы

Я пытаюсь получить эффект перехода на границе, который расширяется при наведении курсора. h1 { color: #666; } h1:after { position: absolute; left: 10px; content: ''; height: 40px; width: 275px; border-bottom: solid 3px #019fb6; tr...
20 февр. '15 в 7:11
3

Преобразование CSS3 вращается, вызывая сдвиг 1px в Chrome

У меня проблема с хром с преобразованием вращения css3. Переход работает нормально, но сразу после его завершения элемент смещается на пиксель. Другая странная вещь заключается в том, что это происходит только при центрировании страницы (margin:0 aut...
06 февр. '13 в 12:48
1

Преобразование CSS с изменением размера элемента

Я нашел это: ширина/высота после преобразования и несколько других, но ничего не совсем то, что я ищу. Я хочу, чтобы масштабировать что-то до 50% его размера (с хорошим анимированным переходом, конечно) и изменить макет страницы на новый (визуальный...
01 июн. '12 в 23:25