Описание тега webkit-perspective
1
ответ
Перспектива применяется к элементам одного уровня, если они назначены отдельным элементам.
Я пытаюсь создать меню из 4 кнопок с одинаковым эффектом 3d при наведении, но кажется, что перспектива применяется к родительскому элементу, а не к отдельным элементам. Вот как это выглядит: Первый элемент фактически наведен (курсор убран из скриншо…
01 дек '13 в 01:11
1
ответ
Ошибка с CSS -moz-перспективы
У меня ошибка со свойством перспективы. Если вы видите этот код JSFiddle в Google Chrome (v33) и Mozilla Firefox (v28), у меня есть разница между ними.. Я могу воспроизвести эту ошибку в Chrome, если я прокомментирую код: -webkit-perspective: 2500px…
01 апр '14 в 01:18
1
ответ
Как расположить элемент в правильном положении 3d с точки зрения CSS
Я пытаюсь найти способ отобразить элемент поверх элемента фотографии, который расположен под заданным углом. Хорошим примером является фотография ноутбука, где я хотел бы отобразить элемент (видео, изображение или другое) поверх экрана, например, на…
13 фев '18 в 23:50
1
ответ
Мерцание контента в Safari
Я использую перспективу webkit для анимации переходов слайдов в css. Он хорошо работает во всех основных браузерах, кроме сафари. Второй слайд имеет мерцание на тексте. Я нашел здесь решения, которые включают -webkit-backface-visibility: hidden; на …
13 май '15 в 20:07
1
ответ
Преобразование: перспектива (#) на iOS 8 Mobile Safari глюки и скрывает элемент
Использование animate.css для проекта и преодоление серьезного препятствия на iOS8 Mobile Safari. Ни одна из анимаций, использующих перспективу, не работает. Это было идентифицировано как известная проблема, но решение не было предоставлено. Я включ…
12 дек '14 в 00:46
2
ответа
Как рассчитать абсолютную позицию преобразованного div
Когда вы используете transform в div абсолютное позиционирование не работает, как вы ожидали, и, похоже, его нужно вычислять вручную. Например, когда вы хотите, чтобы ваш div был в нижней части контейнера, вы делаете: div{ position:absolute; bottom:…
01 июн '13 в 15:05
1
ответ
Не удается использовать 3D-преобразования CSS в Opera 12.16
Графический адаптер NVIDIA Quadro FX 1500 на моей старой системе XP довольно старый и, похоже, не входит в список поддерживаемых Chrome HW; Однако мне удалось включить 3D-преобразования в Chrome, используя это: в адресной строке перейдите в chrome: …
22 июл '13 в 13:30
1
ответ
Установить перспективу происхождения с помощью jQuery .css()
Я хочу динамически установить с помощью jQuery значение css в origin-origin для div. Это абсолютный div(всплывающее окно) с динамическим верхом и слева (зависит от размера окна, прокрутки и т. Д.). Когда я открываю всплывающее окно, я хочу сделать а…
07 авг '14 в 12:14
1
ответ
Проблема 3D-трансформации в Firefox
У меня есть JSFiddle, показывающий переворачивающуюся карту. Она работает в Chrome, как и следовало ожидать, но перспектива глубины в Firefox плоская, и я не уверен, в чем проблема. Я попытался добавить: transform-style: preserve-3d; а также perspec…
17 ноя '14 в 05:46
0
ответов
Используйте CSS3 преобразование, чтобы идеально соответствовать элементу
Я пытаюсь подогнать видео на YouTube к дисплею телефона, но не могу определить идеальные значения. Всегда есть угол, который не подходит. transform: rotate3d(-131,-46,54,-53deg) skew(-5deg) skewX(10.2deg) skewY(1.9deg) perspective(82px) rotateY(1deg…
14 дек '16 в 15:08
2
ответа
Перспективное преобразование Safari обрезает текст
Поэтому я пытаюсь добавить перспективное преобразование для элемента, но оно обрезает текст в Safari. Если вы открываете следующий CodePen в Chrome, он отображается нормально, но в Safari белый текст обрезается. Я искал другие вопросы, но ни один, к…
21 июл '15 в 03:44
1
ответ
Перспектива CSS не работает в Firefox как в других браузерах
В основном название говорит само за себя. У меня есть этот код: <html> <head> <style> body { -webkit-perspective: 500px; perspective: 500px; } #mydiv { transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -o-transform:rotate…
21 апр '14 в 15:27
1
ответ
Как динамически изменить значение тега CSS с помощью JavaScript
Вращение на основе перспективы: у меня есть div, который я хочу вращать в CSS3, используя webkit. Div поворачивается после события usermouse down в jquery Я использую ключевые кадры, чтобы сделать это @-webkit-keyframes rotate { enter code here 0% {…
03 фев '12 в 05:38
1
ответ
Позиционирование 3d элемента в css
У меня две проблемы с позиционированием 3d-преобразованного элемента в div. На изображении ниже розовые квадраты представляют собой контейнеры для 10-гранных "колес". Перспективное начало задается в середине каждого деления. Первая проблема (левое к…
28 апр '13 в 22:02
0
ответов
Ошибка с CSS-перспективой на элемент и плавная прокрутка с JavaScript
У меня странная проблема. Я хочу создать веб-сайт с перспективой в 1500 пикселей. Это одностраничный сайт, поэтому я добавил скрипт с плавной прокруткой. Но проблема в том, что это не работает правильно... Если я откладываю перспективу, все работает…
06 ноя '15 в 16:56
2
ответа
Chrome bug border-radius+ переполнение с перспективой
У меня странная проблема с Chrome. Если я создам div с некоторой точки зрения, радиус границы, переполнение скрыто и преобразовано div внутри элемента не будет уважать перспективу. http://codepen.io/cavax/pen/MwPgxz Если я уберу радиус границы, как …
23 июл '15 в 15:40
0
ответов
"позиция: абсолют" у ребенка не работает, если тело имеет перспективу
Я столкнулся с проблемой при создании простого CSS-перехода. У меня есть мой body элемент, который его единственный ребенок является div с позиции абсолютной. Внутри div Я вставил прямоугольник с простым трехмерным переходом в псевдоклассе при навед…
20 окт '17 в 11:32
1
ответ
В чем отличие css "перспектива: " и "трансформация: перспектива ()"?
Они должны делать то же самое, верно? Также настроить 3D перспективу для ребенка? Но есть ли разница в поддержке браузера или других?
21 сен '17 в 01:24
1
ответ
Проверка доступности аппаратного ускорения? (Тестирование доступно)
Я написал CSS, который использует -webkit-transform, -webkit -спектива и несколько подобных. Мой дизайн выглядит как колени на машинах, где доступно аппаратное ускорение, но практически невозможно, когда нет. Как я могу проверить доступность аппарат…
09 мар '13 в 12:53
1
ответ
Рассчитать расстояние перехода, чтобы оправдать размер проекции
У меня есть изображение, которое визуально должно стать больше, применяя z translate с некоторой точки зрения. Мне нужно рассчитать расстояние перевода в направлении z dist, что приведет к увеличению размера первоначальной проекции изображения на не…
01 фев '15 в 10:25