Articles of animação

animação de alternância jQuery

Eu tenho este jQuery: $(document).ready(function() { $(“#panel”).hide(); $(‘.login’).toggle( function() { $(‘#panel’).animate({ height: “150”, padding:”20px 0″, backgroundColor:’#000000′, opacity:.8 }, 500); }, function() { $(‘#panel’).animate({ height: “0”, padding:”0px 0″, opacity:.2 }, 500); }); }); Isso está funcionando bem, mas preciso estender um pouco a funcionalidade. Também quero manipular as propriedades de outra div em sincronia com o […]

Animação simples no WinForms

Imagine que você deseja animar algum object em um WinForm. Você configura um cronômetro para atualizar o estado ou modelo e anula o evento de pintura do formulário. Mas a partir daí, qual é a melhor maneira de repintar continuamente o formulário para a animação? Invalidar o formulário assim que terminar de desenhar? Configurar um […]

Desempenho da imagem em movimento na página da web via CSS vs HTML5 Canvas

Eu tenho uma imagem e movo minha página da web (JavaScript) assim: satelliteImage.style.top = coordinates.top + “px”; satelliteImage.style.left = coordinates.left + “px”; Infelizmente, o desempenho é muito ruim em todos os navegadores, exceto no Chrome. O gargalo é a velocidade de renderização. Eu não tenho esperança para o IE, mas quero melhorar o Firefox pelo […]

Como recarregar e animar apenas uma célula / linha do UITableView?

Como posso recarregar e animar apenas uma célula / linha? Agora eu baixei alguns arquivos. Toda vez que um arquivo terminar de ser baixado, eu ligo que ele terminou o delegate e chame [tableview reload]. Mas então toda a tabela é recarregada. E como posso animar a tabela, para que ela não pisque. Por exemplo, […]

Largura automática da transição CSS

Eu tenho um elemento cuja largura gostaria de animar quando seu conteúdo é alterado. Tem width: auto , e isso nunca muda. Eu vi esse truque , mas isso é para a transição entre dois valores e um está definido. Não estou manipulando os valores, apenas o conteúdo, e gostaria que o tamanho do meu […]

Animação de texto suave (Marquee) usando o WPF

Tentando construir um controle de letreiro com animação de texto suave. Os esforços atuais incluem: Usando a conversão de conversão Usando animação em propriedades de dependência do Canvas (Esquerda, Direita) Usando animação na propriedade de dependência personalizada (Point) e usando visuais de desenho (texto formatado) Usando CompositionTarget.Rendering Mas a animação ainda é instável e consome […]

Animando linha tracejada com java.awt.BasicStroke

Existe uma maneira de produzir linhas tracejadas animadas usando BasicStroke de java.awt? Meu desejo é ter uma linha tracejada correndo da mesma forma que a ferramenta de marquise retangular do photoshop tem sua linha animada.

Como faço para usar corretamente setInterval e clearInterval para alternar entre duas funções diferentes?

Para praticar, estou tentando exibir um número que aumenta de 0 a 9, depois decrementa de 9 a 0 e repete infinitamente. O código que eu tenho até agora parece estar próximo, mas na segunda iteração as chamadas setInterval das minhas 2 respectivas funções countUp e countUp parecem estar em conflito umas com as outras, […]

jQuery animar altura

Eu tenho um botão e um div com dentro de algum texto: Click me Lot of text here…. Eu quero mostrar apenas 2 linhas do texto como padrão, então eu coloquei a altura para 30px e estouro oculto. Quando eu clico no elemento H2 eu quero animar o texto para slideDown e se eu clicar […]

AngularJS css animação + retorno de chamada

Eu estou usando AngularJS e gostaria de ser notificado quando uma animação é feita. Eu sei que isso pode ser feito com animações definidas pelo javascript como myApp.animation(…) , mas estou curioso para saber se posso fazer isso sem o javascript. Pergunta: É possível usar ng-enter angular e ng-leave css-transições e especificar um retorno de […]