Resultados da pesquisa a pedido "css-transforms"
Impedir o flicker no webkit-transição de webkit-transform [duplicado]
Possível duplicado: animações css do iphone webkit causam cintilação [https://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker] Por alguma razão, logo antes de minha animação da propriedade webkit-transform ocorrer, ...
Mantenha a direção da sombra da caixa consistente ao girar
Ao dar p. Ex. uma<div> uma sombra de caixa e sua rotação causam uma rotação da direção da sombra de caixa - o que é problemático quando a sombra de caixa deve criar uma ilusão de iluminação. Exemplo:https://jsfiddle.net/5h7z4swk/ ...
Javascript: operações de matriz para perspectiva de transformação CSS
estou a usaresse script [https://github.com/arian/CSSMatrix/blob/master/CSSMatrix.js]que afirma implementar a operação matrix3d, conforme descrito ema especificação [https://www.w3.org/TR/css3-transforms/#recomposing-to-a-3d-matrix], no ...
“Position: fixed” não funciona quando o pai tem a propriedade CSS “transform”
No meu projeto, eu tenho uma tela que deve passar do lado direito da tela, então, para aquela coisa que useitransform: translateX(100%) e depois mudar isso paratransform: translateX(0%). funciona bem eu sou capaz de obter o efeito de facilidade, ...
Obtendo a posição tocada nas coordenadas locais de um elemento transformado
Eu tenho um elemento que foi transformado com ummatrix3d para dar uma perspectiva. Representa a tela de um dispositivo portátil. Há uma imagem de plano de fundo mostrando o próprio dispositivo portátil e isso não é transformado. O elemento que ...
Comportamento estranho ao girar um elemento ao passar o mouse
Dado esses dois exemplo Usando o Hover div { position: absolute; width: 150px; height: 40px; background: orange; left: 50%; top: var(--top); transition: transform 2s; transform: translateX(-50%); text-align: center; line-height: 40px; ...
Filtro CSS no pai quebra o posicionamento do filho
Atualmente, estou trabalhando em um site e encontrei esse comportamento estranho. Não tenho certeza se é um bug ou como lidar com isso, então estou pedindo ajuda a você Então, tenho essa "animação" da tela de título que tem o título ...
Por que a animação -moz-animation não está funcionando?
O CSS a seguir funciona bem no Webkit. Não o verifiquei no Opera, mas sei que não está funcionando no Firefox. Alguém pode me dizer por quê? As classes corretas estão definitivamente sendo aplicadas ao meu HTML (inspecionei-o com o Firebug e ...
Combine css3 transforma via js
or favor, existe uma maneira de combinar mais transformações CSS3 ao longo do tempo? Por exemplo, quando eu defino isso $bgWrapper.css({ '-webkit-transform' : ' scale3d(' + currScale + ', '+ currScale +', 1)' }); E então, em alguns momentos, ...
Triggering CSS3 Transform no redimensionamento do navegador
Eu tenho jogado com consultas de mídia CSS3 animadas, sim, eu sei que seu uso prático é questionável, mas é divertido. De qualquer forma, posso obter caixas / divs / seletores para transição / expansão / ...