Resultados da pesquisa a pedido "css-transforms"
Forma semelhante a um ponteiro de bússola ou parte interna de um logotipo do Safari
Estou tentando fazer a forma abaixo usando apenas CSS. Eu sei que conseguir essa forma usando uma imagem ou SVG seria muito mais fácil, mas estou tentando obtê-la com CSS para uma prova de conceito. O código abaixo é o que eu tentei até agora. ...
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 ...
Filho não inclinado não está alinhado
Nota:Esta pergunta é sobre um problema com a saída enãosobre a criação de qualquer forma. Eu criei recentemente uma forma: .prog { position: relative; top: 20px; width: 150px; height: 120px; background: green; display: inline-block; ...
Não substitua propriedades css, mas adicione-as com jQuery
Eu só quero saber como usar a função jquery .css () para não substituir, mas adicionar valores adicionais às propriedades do css. Por exemplo, eu tenho um elemento que atualmente tem o csstransform:translate(-50%, -50%) nele. E eu quero usar a ...
Existe polyfill para a propriedade css transform no IE8
Eu tenho o seguinte mixin para transformação entre navegadores: .transform (...) { -webkit-transform: @arguments; /* Chrome, Opera 15+, Safari 3.1+ */ -moz-transform: @arguments; /* Firefox 3.5+ */ -ms-transform: @arguments; /* IE 9 */ ...
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{ ...
translate3d entre 0% e% negativo no IE10
Eu tenho um elemento que precisa animar a esquerda e a direita para a quantidade de 50% de sua largura total. Eu fiz isso com a seguinte marcação (simplificada): <div class="wrapper"> <div class="inner">Inner</div> </div>E estilo: .wrapper { ...
Qual é a combinação certa de prefixos para transições e transformações CSS?
Qual seria a maneira correta de prefixar esse CSS para cobrir a maior variedade de navegadores e versões? Versão 1: -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -ms-transition: ...
Adicionar um valor de transformação às transformações atuais que já estão no elemento?
Digamos que eu tenho umdiv que tevetranslateX etranslateY valores adicionados dinamicamente. <div class="object child0" style="-webkit-transform: translateX(873.5px) translateY(256px); width: 50px; height: 50px;">Eu quero ...
Controle deslizante CSS com setas usando animação
Eu estou tentando alcançar um controle deslizante apenas CSS. Quandohoversetas esquerda e direita, o controle deslizante devedeslizar. Claro. Eu tentei algo usandoanimation-play-state, animation-fill-mode (para manter as posições) ...