Impedir o looping de GIFs

Todos nós sabemos que os GIFs animados colocam o “divertido” em “funcional”. Escrevi recentemente sobre incrível com relação a imagens GIF animadas, incluindo:


Uma informação que me escapou é como controlar a contagem de loops de um GIF animado. Digamos que o senhor tenha um GIF animado e queira apenas limitar o número de vezes que o GIF pode entrar em loop ou até mesmo impedir o loop do GIF – é muito simples com o gifsicle!


Evite o looping de GIFs


gifsicle fornece um --no-loopcount quando o senhor processa um GIF:



gifsicle herrera-wtf.gif --no-loopcount > herrera-wtf-once.gif


O GIF resultante é reproduzido uma vez e depois para:


Evite o looping de GIFs
Clique na imagem acima para reiniciá-la.


Fazer loop de um GIF {x} vezes


Outra opção de linha de comando do gifsicle, --loopcountpermite que o senhor defina qualquer número como a contagem de loop da imagem:



gifsicle jack-slow.gif --loopcount=3 > herrera-wtf-four-plays.gif


O --loopcount é definido como 3o que significa que o GIF é reproduzido 4 vezes (original, depois 3 loops).


Não sei por que o senhor quer que um GIF faça um loop em uma quantidade específica, mas a capacidade de impedir o loop é certamente útil, nem que seja para reduzir o custo da animação!

  • Detectar inserções de nós do DOM com animações JavaScript e CSS
  • Animação de transformações CSS3 com o MooTools Fx
  • Conteúdo e atributo CSS

    O CSS está se tornando cada vez mais poderoso, mas no sentido de que nos permite fazer pequenas coisas com facilidade. Foram adicionados recursos maiores, como transições, animações e transformações, mas um recurso que passa despercebido é o conteúdo gerado. O senhor viu um…

  • Barras de rolagem personalizadas no WebKit