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

Действительно ли Chrome 12 поддерживает 3D-преобразования CSS? В том числе на линуксе?
Я использую Chrome 12 в 64-битной системе Linux, но не могу заставить работать ни один из приведенных ниже примеров: http://www.satine.org/research/webkit/snowleopard/snowstack.html...
2990 просмотров

Можно ли сделать div трапециевидным?
Я знаю, что перекос возможен, но я не вижу способа перекосить каждый угол с определенной степенью. Вот проект, над которым я работаю: http://map.ucf.edu/ Особое внимание уделите вкладкам в меню. Прямо сейчас я использую изображения, я хотел...
14639 просмотров
schedule 12.11.2023

Преобразования CSS3: несколько источников?
Можно ли указать исходную точку в левом верхнем углу (0%, 0%) для масштабирования и другую исходную точку (центр) для поворота в CSS3? Я работаю только с webkit, если это поможет. В настоящее время я использую список преобразований (например,...
7718 просмотров
schedule 07.11.2023

jQuery — скажите, когда анимация CSS достигает 100%
Есть ли способ определить, когда анимация достигает 100% своей анимации с помощью jQuery? {0%{-xxx-transform:translate(0,0);} 100%{-xxx-transform:translate(-500px, 300px); opacity: 0.1;}
335 просмотров
schedule 07.03.2023

В чем разница между методом перевода CSS3 и относительным позиционированием CSS2?
Кажется, что оба они могут заставить элемент двигаться из его текущего положения. Эти два метода взаимозаменяемы?
2594 просмотров
schedule 05.10.2023

CSS-преобразования в IE7
Привет, я использую преобразование css в свойстве масштаба, мой код такой -webkit-transform: scale(1.05); /* Safari and Chrome */ -moz-transform: scale(1.05); /* Firefox */ -o-transform: scale(1.05); /* Opera */ -ms-transform:...
5964 просмотров
schedule 31.10.2022

Воздействовать на другие элементы при применении преобразования CSS: масштаб
У меня есть три div на странице, все плавающие рядом. С помощью метода масштабирования css я масштабирую самый средний div до 0,5. Это хорошо работает. Единственная проблема заключается в том, что масштабирование div не повлияет на положение...
5066 просмотров
schedule 25.03.2024

CSS-преобразование на li заставляет текст в дочерних элементах «прыгать» после масштабирования в Firefox
Я написал простую страницу с заметками. Каждая заметка представляет собой элемент списка, содержащий содержимое в абзаце, кнопку удаления в диапазоне и изображение с всплывающей подсказкой. Вот кусок HTML, содержащий одну заметку: <ul...
2474 просмотров
schedule 15.07.2023

Как изменить положение элемента с помощью css rotate
У меня проблема с получением позиции div после применения к нему фильтра rotate . У меня есть положение одного конца, его высота и угол, на который он повернут, но после проверки того, что на самом деле делает этот фильтр в MDN («[cos (угол) sin...
13514 просмотров
schedule 25.11.2023

Ошибка Firefox rotate3d от -90deg до -180deg?
Я создаю плагин jQuery для слайдера 3D-контента и имею странное поведение с Firefox, когда он вращается от -90 градусов до -180 градусов через 270 градусов в противоположном направлении. Я знаю, что некоторые из этих вещей являются...
966 просмотров
schedule 25.03.2024

Размытый div после преобразования/перехода css
Работаем над ползунком контента, следуя указаниям этой демонстрации http://css3.bradshawenterprises.com/sliding/ Однако в моем случае я заметил, что мой контент, в данном случае несколько div, становится немного размытым после выполнения перехода...
591 просмотров
schedule 15.04.2022

Можно ли сделать треугольники / стрелки CSS, которые не являются вашими типичными прямоугольными треугольниками с примененным градиентом?
Я знаю, что для создания простой стрелки в CSS я могу сделать это: <div class="arrow-button"> <span class="arrow-tip-container"> <span class="arrow-tip"></span> </span> </div> Затем все,...
8657 просмотров
schedule 30.04.2022

Увеличение изображения до разрыва курсора при перемещении мыши
Это дополнительный вопрос к Как приблизить указатель мыши при использовании моей собственной плавной прокрутки колесика мыши? Я использую преобразования css, чтобы приблизить изображение к указателю мыши. Я также использую свой собственный...
3358 просмотров
schedule 21.04.2022

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

CSS3 Card Flip backface исчезает в конце преобразования
У меня есть простой набор карточек, которые нужно переворачивать одним щелчком мыши. Проблема в том, что когда преобразование выполнено, обратная сторона (синяя сторона) исчезает. Это как бы появляется во время анимации на лицевой стороне. Я...
4693 просмотров
schedule 06.04.2022

Анимация ключевого кадра CSS с преобразованием преобразования привязывается к целым пикселям в IE 10 и Firefox.
Похоже, что и IE 10, и Firefox привязывают элементы к целым пикселям при анимации их положения с помощью преобразования 2D-преобразования в анимации ключевого кадра css. Chrome и Safari этого не делают, что выглядит намного лучше при анимации...
19491 просмотров
schedule 19.03.2022

Перспектива CSS3: визуализация пирамиды представлений
Из этой статьи: http://www.eleqtriq.com/2010/05/understanding-css-3d-transforms/ Я могу понять, как свойство perspective можно визуализировать как создание пирамиды в трехмерном пространстве. Что мне не очень понятно, так это фраза "грани...
301 просмотров

overflow:hidden игнорируется с помощью border-radius и CSS-преобразований (только webkit)
Я хочу иметь квадратное изображение внутри круга. Когда пользователь наводит курсор на изображение, изображение должно масштабироваться (приближаться). Круг должен остаться прежнего размера. Только во время перехода CSS квадратное изображение...
15158 просмотров
schedule 12.08.2023

div наклонен в 2-х направлениях
Можно ли создать следующую форму как DIV в CSS . Поддержка браузера не важна.
1855 просмотров
schedule 07.05.2022

Проблема Windows Firefox со встроенными видео и свойством масштабирования преобразования css
В вопросе сказано все, но чтобы дать некоторые подробности, у меня есть html-страница со встроенным видео, и эта страница находится внутри iframe. Iframe также находится в родительском div, которому было присвоено это свойство css: transform:...
466 просмотров