Articles of Преобразование

Преобразование CSS Поверните выравнивание букв

Im использует CSS Transforms для поворота h2 5deg. По какой-то причине буквы не совпадают. Взгляните на пример здесь. http://dev.bestprintideas.com/bpi/image.png Хэш CSS .note-offer h2 { color: #626262; text-shadow: none; text-transform: none; margin: 15px 0 10px 25px; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); } HTML The Essentials Package Duis lobortis ligula vitae mauris lobortis congue. Morbi cursus porttitor feugiat. Aliquam […]

Секция утечки, генерирующая горизонтальную прокрутку

Я пытаюсь создать способ утечки элемента из его родительского контейнера. Я использую max-width и margin: auto для margin: auto контейнера. Детский элемент имеет position: relative и использует left + translateX transform для центровки. CSS работает нормально, пока страница не прокручивается (высота контента выше высоты экрана). Эта вертикальная прокрутка также генерирует горизонтальную прокрутку. Я смог скрыть […]

Переход CSS только одна функция преобразования

Есть ли способ оживить только одну функцию преобразования? Например, мне нужен только переход на функцию масштабирования. Как я это сделаю? .my-class { transition: transform; } .large { transform: scale(2) rotate(90deg); }

После преобразования CSS неожиданно уменьшилась площадь кликов

У меня есть неупорядоченный список с несколькими элементами списка, которые действуют как флип-карты с использованием CSS 3D-преобразований. Я хочу, чтобы они перелистывали клики по ссылкам / элементам привязки внутри элементов списка, и эти ссылки заполняют весь элемент списка. Элементы списка выглядят и действуют нормально в невыполненном по умолчанию состоянии, но как только я нажимаю на […]

Проблема с прокруткой шкалы CSS

Я создаю веб-приложение, которое использует свойство масштабирования CSS. Как показано на рисунке ниже, у меня есть объект внутри контейнера, который подходит красиво и уютно внутри, без какого-либо переполненного содержимого. Вот как я хочу, чтобы это было. Моя проблема возникает, когда я повторно масштабирую объект до размера, большего, чем контейнер. Как показано на изображении, очевидно, что […]

Переполнение текста из div с помощью transform: rotate (xdeg)

Использование transform: rotate(); атрибута css transform: rotate(); отлично работает, но при использовании его под горизонтально ориентированным текстом он отображается вне div но я хочу, чтобы он отображал его внутри. Я много пробовал с атрибутом display , position , left , top , float и т. Д., Но ничего не работало. Есть идеи? Вот css-код для […]

-webkit-transform rotate – пиксельные изображения в Chrome

Использование -webkit-transform: rotate(-5deg); на контейнере div Chrome отображает сетку изображений с действительно зубчатыми краями. Если в FF ( -moz-transform: -ms-filter: и IE ( -ms-filter: все выглядит нормально – см. Разницу ниже. Есть ли что-нибудь, что я могу сделать по этому поводу?

Как смешивать свойства преобразования css3 без переопределения (в режиме реального времени)?

Есть ли способ комбинировать (смешивать) свойства преобразования css без переопределения? Например, я хочу повернуть и масштабировать. http://jsfiddle.net/hyzhak/bmyN3/ HTML Hello World! CSS .rotate-90 { -webkit-transform: rotate(90deg); } .tiny-size { -webkit-transform: scale(0.25, 0.25); } PS У меня просто много элементов и много простых classов, чтобы преобразовать представление элементов. И я просто хочу настроить их просмотр, добавив и […]