Resultados da pesquisa a pedido "css-transforms"
transição de escala de matriz não está funcionando
Eu tenho que usar a matriz de transformação para animar transform: scale de um elemento. Quero escalar de 0 a 1. Se eu usar o seguinte código, ele funcionará corretamente: .container { width: 200px; height: 100px; background: yellow; ...
Entendendo o deslocamento z na origem de transformação
Estou tentando estudar a propriedade de origem da transformação e como exatamente essa propriedade funciona. Eu fiz uma pequena demonstraçãoAQUI [http://jsfiddle.net/2b5qg7kz/]. HTML: <div class="section-title"> <span data-hover="Product ...
Transformação CSS3 fazendo com que o texto pisque no Safari e Firefox Mac Yosemite
Estou tendo esse problema estranho no Safari e Firefox (Mac / Yosemite) que faz com que quase todo o texto da página pisque ao passar o mouse sobre o elemento de transformação. Exemplo de gif: (Firefox, Yosemite) .usp { //USP has an icon that ...
Cartão de bootstrap com transformação css3
Eu quero criar um cartão de inicialização usando a transformação CSS3. Eu comecei com issoexemplo básico e de trabalho [http://www.bootply.com/PsZubuTsdd#] No entanto, eu queria modificá-lo para ter um cartão de altura fixa e algumas melhorias ...
Como criar uma esfera em css?
Estou tentando criar uma esfera 3D usando apenas css puro, mas não consegui gerar a forma necessária. Eu já vi umcilindro [http://jsfiddle.net/bmouxLwu/9/] mas não consigo encontrar nenhuma referência para criar umesfera. Meu código atual se ...
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: ...
Por que meu Transform se recupera?
Estou tentando fazer meu elemento permanecer no local (após a transição). No momento, o local traduzido é onde eu quero, mas meu nome volta para a citação. Estou faltando um trecho de código ou existe um trecho de código que está fazendo esse ...
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 ...
Transformação CSS: a escala não altera o tamanho do DOM?
A largura do DOM do contêiner após a transformação é a mesma de antes da transformação? Por quê? var theScale = aNumber; var containerWidth = theContainer.width(); alert(containerWidth); // and the other prefixes, as ...
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 ...