Resultados da pesquisa a pedido "css-transforms"

1 a resposta

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; ...

1 a resposta

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 ...

7 a resposta

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 ...

1 a resposta

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 ...

5 a resposta

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 ...

2 a resposta

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: ...

3 a resposta

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 ...

2 a resposta

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 ...

1 a resposta

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 ...

2 a resposta

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 ...