Свързани въпроси 'css-transforms'

Не могат да се използват css 3d трансформации в Opera 12.16
графичният адаптер NVIDIA Quadro FX 1500 на моята стара XP система е доста стар и изглежда не е в списъка с поддържани Chrome HW; въпреки това успях да активирам 3d трансформации в Chrome, използвайки това: в адресната лента отидете на...
2047 изгледи

CSS анимацията трепти при transform: translate3d заедно с ширината
Имам компонент, базиран на раздели, в който активният раздел има подчертаване, което анимира между разделите. Подчертаното е отделен div, чиято ширина и позиция ще се изчисляват динамично. Вместо абсолютна позиция използвам translate3d....
631 изгледи

mix-blend-mode повреден, когато html има перспектива
Чрез прилагане на "perspective" към елемента html моят mix-blend-mode изглежда се игнорира от Firefox. html { perspective: 800px; /* causing the issue */ } div { color: #fff; background: linear-gradient(to bottom, #000,...
918 изгледи
schedule 07.10.2022

CSS3 преход/трансформация (ефект на обръщане на карта) не бе успешен в chrome 26
Опитвам се да внедря ефекта на обръщане на картата с css3, използвайки уебсайта на Flesky като референция: http://fleksy.com/ Гледайки раздела „Flesky се появи в пресата“, ефектът на обръщане работи като чар в моя офис Chrome (версия 26.0.1410.64...
372 изгледи
schedule 07.12.2022

производителност на translate3d срещу translate
Вече всички знаем, особено от тази хубава статия , че трябва да предпочитаме css-трансформации пред анимирана позиция. Но имаме избор между translate() и translate3d() ... Кой е като цяло по-бърз?
37242 изгледи
schedule 08.12.2023

Движение с жестове с hammerjs, css-transform и transform origin
Опитвам се да създам навигация с множество жестове в SVG среда. Успях, с примера, предоставен от Hammer.js, да внедря успешно плъзгане/пускане и щипка за мащабиране и завъртане чрез прилагане на трансформация на CSS3 атрибутите. Трансформацията...
973 изгледи

Preserve 3d не работи на ie11
Опитвам се да внедря обръщане на изображение, но запазването му 3d (или вероятно видимостта на обратната страна) не работи на ie11. Това решение не работи за мен: -webkit -transform-style: Save-3d не работи Ето писалка, с която да опитате...
7695 изгледи

Предотвратяване на деца от наследяване на ротационна трансформация в CSS
Извършвам CSS трансформация: завъртане на родител, но бих искал да мога да отхвърля този ефект върху някои от децата - възможно ли е без използване на обратното завъртане? Обратното въртене работи, но засяга позицията на елемента и може да има...
20814 изгледи
schedule 19.02.2024

Процентът transform-origin за SVG не се спазва във Firefox, само понякога в WebKit
Имам тази SVG графика за фунийка за сладолед и искам да трансформирам лъжичката с transform-origin от 50% 100% (централно отдолу). Firefox твърди, че се подчинява (т.е. инспекторът отбелязва правилното transform-origin ), но всъщност се...
1744 изгледи
schedule 20.02.2024

CSS3 трансформация, засягаща други елементи с chrome/safari
Имам проблем, при който моите css3 трансформации влияят на други елементи на страницата и дори ги карат да трептят. Видях друга публикация за това, но те нямаха решение на проблема. http://scosha.mybigcommerce.com/w107b/ , когато превъртите над...
13405 изгледи

CSS3 трансформация разлика във Firefox и Chrome и IE
Мисля, че може да има нещо общо с псевдо елемент, но не съм сигурен. Имам затруднения с ефекта на трансформационен преход с помощта на css3. Във Firefox v24 ефектът работи както искам - вижте CodePen тук http://codepen.io/patrickwc/pen/aKEec , но в...
4204 изгледи

Как да маскирам прозрачно обект, така че да се вижда само фонът?
Цел Бих искал да създам анимиран многоъгълник, който има части от него подрязани/изрязани/маскирани, така че слоят/елементът/фонът под него да може да се вижда по следния начин: Създадох анимация с трансформация на CSS3. Това е въртящ се...
110 изгледи
schedule 02.04.2024

има ли разлика в производителността между -transform translate и scroll
Създавам уебсайт с карти като Google Maps. Ще има плочки от изображения, свързани помежду си. Картата ще бъде изследвана чрез плъзгане с мишката, където след всяко плъзгане ще се зареждат нови изображения. За да имам функция за изследване чрез...
2023 изгледи
schedule 08.04.2024

Как да завъртите + флип елемент с CSS
Свойството transform ви позволява да завъртате или обръщате, но как можете да правите и двете едновременно? Да кажем, че искам да завъртя елемент на 90 градуса и да го обърна хоризонтално? И двете се извършват с едно и също свойство, така че...
56939 изгледи
schedule 27.04.2024

Вземете 3D CSS ротационна стойност от matrix3d() с JavaScript
Имам 3D елемент, трансформиран нещо подобно: .foo { transform: rotateX(-30deg) rotateY(35deg); } Сега искам да получа тези стойности чрез javascript. Лесно е да получите 3D матрицата: var matrix = $('.foo').css('transform'); //...
2361 изгледи
schedule 10.11.2022