Resultados da pesquisa a pedido "css-transforms"
Div pai central com filhos float
O pai não tem uma largura definida porque há um número desconhecido de filhos dentro. Por que as crianças caem em uma nova linha e como evitar isso? As crianças precisam estar na mesma linha. .wrap { position: absolute; left: 50%; top: 50px; ...
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 ...
Como faço para acelerar esta nave espacial?
Tenho um pequeno trecho de um jogo parecido com asteróides no qual estou trabalhando usando apenas o DOM sem o Canvas. Eu tenho o "navio" movendo-se suavemente quando as teclas de seta são pressionadas, mas como eu faria para acelerar o navio (em ...
Como manter a origem no centro da imagem na animação em escala?
Eu tenho uma situação semelhante a estaviolino [https://jsfiddle.net/ddvn3p1h/3/], onde eu tenho uma animação CSS3 que dimensiona um elemento com posição absoluta no centro de outro elemento. No entanto, quando a animação ocorre, ela fica ...
Contorno indesejado na borda quando o pai é transformado
Estou usando bordas em algum conteúdo. No entanto, estou encontrando um contorno indesejado de 1px da mesma cor que obackground cor é adicionada ao redor da borda quando o pai é transformado (pelo menos comscale erotate) Isso ocorre também em ...
Transformação CSS no SVG Elements IE9 +
Tendo um caminho SVG: <path ...
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 ...
Como uso a transformação de matriz e outras propriedades CSS de transformação?
Ao usar a propriedade transform em CSS, um dos métodos possíveis é omatrix método que requer 6 campos de entrada. O código CSS seria algo como ... #test{ transform: matrix(1, 0, 0, 1, 0, 0); }Existem também outras variações (dependendo do ...
Como usar o transform: translateX para mover um elemento filho horizontalmente 100% no pai
Tudo, Eu gostaria de poder usartranslateX para animar um elemento filho 100% do caminho principal (ou seja, da borda esquerda para a direita). O desafio é que as porcentagens emtranslateX consulte o próprio elemento, não o pai. Então, por ...
Como girar o polegar da faixa do tipo de entrada em javascript?
eu tenho um<input type="range"> e deseja girar o polegar - mas apenas o polegar na entrada. Meu problema é: Quando tento girá-lo, ele gira o controle deslizante inteiro. Alguém pode me ajudar? function slide(event){ ...