Resultados da pesquisa a pedido "css-transitions"
Tremulação de transição CSS do MS Edge
Percebi um problema estranho com transições CSS no MS Edge. Basicamente, se você tiver uma transição, entre estados de foco, por exemplo, mas os estilos definidos para esses estados de controle estiverem sobrescritos na cascata CSS, o Edge ...
-webkit-transição com display
Existe uma maneira de usar-webkit-transition comdisplay? Estou usando CSSdisplay ocultar e mostrar um nível de navegação no segundo nível… mas apenasdisplay: none edisplay: block em:hover é um pouco sexy ... umease seria ótimo ...
A imagem se move ao passar o mouse ao trocar o filtro no chrome
Eu tenho uma imagem, quando a borrar no foco, ela se move levemente, é como a imagem treme em sua posição, o problema ocorre apenas no chrome (testado com: chromium 63 linux-x86_64), .item img{ transition: 250ms all ease-in-out; ...
Desenhando cores de borda durante uma transição CSS
button { background: none; border: 0; box-sizing: border-box; margin: 1em; padding: 1em 2em; box-shadow: inset 0 0 0 2px #f45e61; color: #f45e61; font-size: inherit; font-weight: 700; position: relative; vertical-align: middle; } ...
Largura de transição CSS da linha para o centro
Estou aprendendo sobre transições CSS e estou tentando fazer três linhas de deslocamento reduzirem a largura aos seus respectivos pontos centrais. No momento, a transição da largura está ocorrendo para a esquerda e não para o centro. Aqui está ...
Transição CSS simples - nada funciona
Estou trabalhando em uma imagem com um gradiente que desaparece ao passar o mouse. No entanto, não consigo fazer a transição. Eu tentei todas as transições de webkit que eu conheço e parece que não quer funcionar. Aqui está o HTML: <a ...
Transições CSS com calc () não funcionam no IE10 +
Estou animando um contêiner no mouseover da direita para a esquerda com transições CSS. Isso funciona bem em todos os navegadores, exceto no Internet Explorer. O motivo é que estou usando (e preciso usar) calc () na minha propriedade CSS ...
Como normalizo as funções de transição CSS3 nos navegadores?
O evento final de transição do Webkit é chamado webkitTransitionEnd, o Firefox é transiçãoEnd, a ópera é oTransitionEnd. Qual é uma boa maneira de lidar com todos eles em JS puro? Devo cheirar o navegador? ou implementar cada um separadamente? De ...
O Internet Explorer suporta transições CSS?
Transições CSS [https://developer.mozilla.org/en/CSS/CSS_transitions]são uma maneira muito interessante de animar alterações nas propriedades CSS. Alguma versão do Internet Explorer as suporta?
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 ...