Resultados da pesquisa a pedido "css-transforms"
translate3d vs translate performance
Todos sabemos agora, particularmente deesse belo artigo [http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/] , que devemos preferir css-transforma para animar a posição. Mas nós temos a escolha ...
Texto embaçado no Chrome ao usar CSS -webkit-transform
estou a usar -webkit-transform: skew(-15deg, 0deg);inclinar uma div e depois -webkit-transform: skew(15deg, 0deg);paradeskew o filho que contém o texto. A inclinação parece feia e pixlated no google chrome, então eu ...
CSS3 3D Transform não funciona no IE11
Estou tentando construir um cubo com CSS3 3D Transform .. Neste exemplo, tenho apenas 2 faces: <section id="header-cube-container"> <div id="header-cube"> <figure></figure> <figure></figure> </div> </section>Com todos os outros navegadores, ...
5 imagens separadas simetricamente com linhas diagonais
Navegando pela internet e me deparei com esse tema no reddit [/imgs/Nwy2o.png] Depois de ver este lindo banner. Eu queria tentar emular algo assim usando cinco imagens simétricas de minha escolha, separadas por linhas diagonais, como na figura ...
Inclinando as extremidades de uma variedade de várias imagens inclinadas
Eu perguntei issoPergunta, questão [https://stackoverflow.com/questions/49287110/5-images-symmetrically-seperated-with-diagonal-lines/49287285#49287285] perguntando anteriormente como inclinar uma variedade de imagens. Consegui obter resultados ...
Transformação CSS para inclinar a forma para um trapézio
Quero poder inclinar um elemento da maneira como a imagem é exibida abaixo. Eu tenho brincado com isso, mas parece que não consigo chegar perto de replicar essa forma. Meu código css é transform:skew(30deg,30deg);A transformação é o caminho ...
Girar ou girar uma imagem ao passar o mouse
Eu quero descobrir como fazer umaimagem girando ou girandoquando está pairando. Gostaria de saber como emular essa funcionalidade comCSS no seguinte código: img { border-radius: 50%; }<img src="http://i.imgur.com/3DWAbmN.jpg" />
Girador CSS3, pré-carregador
Eu gostaria de criar um spinner animado com CSS3. Deve se comportar assim: Após o último estado, ele deve começar novamente como no primeiro estado. Consegui criar círculos usando a técnica explicada aqui:pergunta ...
Inclinar a borda div de um lado apenas usando apenas uma div
Eu criei uma div enviesada usando o seguinte css #outer-left{ -ms-transform: skew(-30deg,0deg); /* IE 9 */ -webkit-transform:skew(-30deg,0deg); /* Chrome, Safari, Opera */ transform: skew(-30deg,0deg); background:#333333; width:200px; ...
Texto embaçado após transformação 3D
Eu tenho uma div que eu girei em torno do eixo X com perspectiva. A div contém texto que fica embaçado quando a rotação é aplicada. Existe alguma maneira de obter o texto nítido na rotação em torno deste eixo? Eu tentei o "hack" translate3d e ...