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

Сбои при использовании CSS-переходов/перевода на iPad при прокрутке страницы
Я заметил, что, оптимизируя анимацию для использования на iPad с помощью аппаратного ускорения, я столкнулся с проблемой, которую не смог полностью решить. Если вы применяете преобразования webkit, такие как перевод, хотя анимация работает отлично,...
1421 просмотров
ipad css css-transitions css-transforms webkit
schedule 22.04.2022
moz-transform масштабирует проблему уменьшения размера div
У меня проблемы со свойством масштабирования mozilla moz-transform. Я ищу замену свойства масштабирования, которое отлично работает во всем, кроме firefox. Когда я хочу сжать div, его «содержимое» сжимается, но размер контейнера остается прежним,...
4920 просмотров
css css-transforms firefox gecko
schedule 18.05.2022
Обнаружение с помощью JavaScript или jQuery, если доступно преобразование CSS 2D
Я показываю элемент на своем сайте, который я поворачиваю на -90 градусов, но если браузер не поддерживает преобразование CSS, элемент выглядит неправильно и не очень хорошо. Теперь я хочу определить с помощью JavaScript или jQuery (безразлично, jQ...
16249 просмотров
javascript jquery css css-transforms
schedule 01.12.2022
Как плавно анимировать высоту в CSS или Javascript на мобильных устройствах
Я разрабатываю веб-приложение HTML5 для мобильных устройств и столкнулся с небольшими проблемами с плавной анимацией. По сути, когда пользователь нажимает кнопку, ящик (div с высотой: 0 пикселей) должен анимироваться до заданной высоты (в...
19203 просмотров
iphone android css mobile-safari css-transforms
schedule 08.04.2022
Преобразование перспективы CSS
Я пытаюсь создать приложение, состоящее из карты в перспективе, к которой я могу добавить маркеры карты (абсолютно позиционированные DIV), однако я думаю, что немного запутался с преобразованиями/3D-пространством. Взяв в качестве примера скрипку,...
518 просмотров
css css-transforms
schedule 22.07.2022
Проблемы с выравниванием преобразования CSS3 внутри таблицы
Я пытаюсь создать таблицу, в которой текст повернут на -90 градусов. До сих пор я использовал изображения текста, однако я надеялся изменить это на текст. Есть несколько проблем, которые я не могу решить. Column 07 text overflows onto...
3514 просмотров
css css-transforms
schedule 25.05.2022
Обнаружение поддержки матрицы CSS
Я использую Modernizr для обнаружения функций и TransformJS для анимации свойств CSS3D. TransformJS использует матрицу CSS для стилизации свойств перевода, масштабирования и поворота и отлично работает даже в IE, поскольку поддерживает преобразование...
339 просмотров
css css-transforms matrix browser-feature-detection
schedule 22.02.2023
Проблема с CSS3 3D webkit
Я создал скрипт для своей проблемы здесь http://jsfiddle.net/aakashgoel/ZcF4N/ 3D-рендеринг отлично работает в Mozilla Firefox, но не работает в Google Chrome. Какие из используемых там свойств не поддерживаются Chrome? Изменить: ожидаемый...
299 просмотров
css css-transitions css-transforms webkit
schedule 08.05.2023
Настройка родительского элемента изображения, преобразованного с помощью css, по размеру. (Твиттер-бутстрап)
В настоящее время я использую Twitter Bootstrap в новом проекте. Основная часть проекта — это галерея миниатюр, точно такая же, как в их примерах (здесь: http://twitter.github.com/bootstrap/components.html#thumbnails ). Проблема в том, что в...
9426 просмотров
css twitter-bootstrap css-transforms webkit-transform
schedule 09.04.2022
CSS Transform с изменением размера элемента
Я нашел это: ширина / высота после преобразования и несколько других, но это не совсем то, что я ищу. Я хочу масштабировать что-то до 50% от его размера (конечно, с красивым анимированным переходом) и перенастроить макет страницы в соответствии...
89370 просмотров
css css-transforms
schedule 17.04.2022
Перспектива CSS3 в 3D
У меня проблема со свойством 3D-перспективы CSS. <figure> <img src="http://www.saintbioz.fr/wp-content/uploads/2010/02/paysage-montagneux.jpg" width="512" height="384" alt="Landscape" /> <figcaption>Summer in the...
1379 просмотров
css css-transitions css-transforms perspective
schedule 30.04.2022
Браузер Android 2.3 не может отображать некоторые 2D-преобразования CSS3
У меня возникли проблемы с тем, чтобы CSS3 2D-преобразования работали в Android 2.3 с любым браузером, который использует механизм webkit по умолчанию (например, браузер по умолчанию, Dolphin HD, браузер Amazon Kindle Fire Silk и т. д.). Механизм...
6919 просмотров
android css css-transforms mobile-webkit webkit-transform
schedule 18.05.2022
Как применять преобразования CSS3 с анимацией по ключевым кадрам?
Как применить более одного преобразования с анимацией CSS3? Вот мой HTML-код: <div class="container"> <div class="cell"><span class="inner"></span><span class="inner"></span></div> <div...
250 просмотров
html jquery css css-transforms
schedule 09.02.2023
Свойство перспективы Css3 не работает в IE10
Я пытаюсь сделать эффект перелистывания страниц в IE10. Поскольку IE10 не поддерживает transform-style: preserve-3d; , мне приходится переворачивать каждую сторону отдельно. Он хорошо работает в последних браузерах, но в IE10 перспектив нет....
2213 просмотров
css css-transforms internet-explorer-10 perspective
schedule 02.10.2022
Настройка преобразования-происхождения в группе SVG не работает в Firefox
У меня возникла проблема с работой transform-origin в Firefox (v.18+, другие версии не тестировались). Браузеры Webkit работают должным образом. Я пытаюсь установить источник в центре группы, но пока ничего из того, что я пробовал, не сработало....
33239 просмотров
svg html css css-transforms firefox
schedule 15.09.2022
'transform3d' не работает с позицией: фиксированные дочерние элементы
У меня есть ситуация, когда в обычных условиях CSS фиксированный div будет располагаться именно там, где он указан ( top:0px , left:0px ). Кажется, это не соблюдается, если у меня есть родитель с преобразованием translate3d. Я чего-то не вижу? Я...
86778 просмотров
html css css-transforms css-position
schedule 26.04.2022
Резкий переход преобразования CSS в Chrome
Я использую CSS3-преобразование фонового изображения для увеличения при наведении. Я протестировал последние версии браузеров Opera, Safari и Firefox, и они работают хорошо и плавно, однако в Chrome переход очень резкий. Вот ссылка, наведите...
70640 просмотров
css css-transitions css-transforms
schedule 27.09.2022
CSS3: как одновременно поворачивать и масштабировать изображение?
Я очень смущен. Почему я не могу использовать масштабирование и поворот одновременно? Я пробовал это, но это не работает: .rotate-img{ -webkit-transform:scale(2,2); -webkit-transform:rotate(90deg); margin-left:20%;...
91968 просмотров
javascript jquery css css-transforms
schedule 15.12.2023
Как воссоздать эффект перспективы путем преобразования дочерних элементов?
Итак, после борьбы с IE глюки и несовместимости , я наконец, мой кубоид правильного размера заработал ( обновление: вот пример этого) . Для анимации требуется анимировать все стороны отдельно, а не один родительский элемент, однако это,...
3499 просмотров
css css-transforms internet-explorer-10
schedule 03.06.2023
CSS3 Transform — обработка поведения после наведения
В этом коде CSS3, когда я навожу курсор на класс, он поворачивается на 360 градусов, но когда я ухожу от класса, он возвращается в прежнее состояние. Вопрос: как я могу заставить класс вращаться, даже когда я ухожу? Код ниже: .class{...
422 просмотров
css css-animations css-transitions css-transforms transform
schedule 02.06.2023