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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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