Resultados da pesquisa a pedido "css-transforms"
A ordem de transformação CSS3 é importante: a operação mais à direita primeiro
Quando usamos CSS3transform: operation1(...) operation2(...), qual é feito primeiro? A primeira operação realizada parece ser a maisa direita., ou seja, aquioperation2 é feito antesoperation1. Só para ter certeza, é verdade? Nota: Eu li uma ...
A propriedade Transform CSS não funciona com o elemento <a>
eu queroscale(x,y) meu<a> elemento quando clico nele, mas não funciona. Eu uso o navegador Mozilla Firefox para executar o programa. Aqui está o meu código: scaleElement.html<html> <head> <title>CSS3 Transform and Transition</title> <style> a{ ...
Alinhar ao lado esquerdo do contaner um elemento girado -90deg
div { width: 300px; height: 300px; border:1px solid black; } h1 { width: 300px; transform: rotate(-90deg) }<div> <h1>Hola</h1> </div> Se você tentar esse trecho, verá que oh1 é girado e colocado no centro da div (faz sentido, eles têm a mesma ...
Animar transformar apenas uma propriedade (escala) substituir outra (traduzir)
O problema é que otransform valor da propriedade tem várias partes comotranslate, scale etc. Esta é uma pergunta teórica sobre elemento, vamos.loader isso temtransform:translate(10px, 10px) e na animação eu quero animar oscale propriedade. Nesse ...
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 ...
Girando o cubo CSS em eixos fixos
Eu tenho um cubo construído usando CSS. É composto por 6 faces e cada face é transformada para formar uma face do cubo, e todas as 6 faces estão sob uma<div> com a classe.cube. Qualquer rotação que faço no cubo é feita neste ...
Simulando origem de transformação usando a conversão
Eu quero simular as propriedades detransform-origin usandotransform: translate em CSS. De acordo com a MDN [https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin], isso é muito possível: Essa propriedade é aplicada primeiro ...
Redimensionando um cubo
Eu tenho um conjunto de códigos do cubo criado usando CSS. No entanto, como redimensiono isso em um cubo maior (por exemplo, 200px)? Eu tentei, mas toda vez que tento fazê-lo, fica fora de posição .. .mainDiv { position: relative; width: ...
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; ...
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 ...