title: Using amp-img tag for gif animations
body: <p>There is <code>&lt;amp-anim&gt;</code> tag for gif animations.
  But I found that <code>&lt;amp-img&gt;</code> tag can show gif animations.
  I know <code>&lt;amp-anim&gt;</code> tag can set a placeholder, but I don't need it.
  And I found no defference any more.<br>
  So, my question is "Is there problem to use <code>&lt;amp-img&gt;</code> tag for gif animations?"</p>
  
  <p>Open <a href="https://ampbyexample.com/playground/" rel="nofollow noreferrer">https://ampbyexample.com/playground/</a> and paste the html code below, if you want to check how work <code>&lt;amp-img&gt;</code> tag and <code>&lt;amp-anim&gt;</code> tag.</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ⚡&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;script async src="https://cdn.ampproject.org/v0.js"&gt;&lt;/script&gt;
    &lt;script async custom-element="amp-anim" src="https://cdn.ampproject.org/v0/amp-anim-0.1.js"&gt;&lt;/script&gt;
    &lt;meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1"&gt;
    &lt;link rel="canonical" href="https://ampbyexample.com/components/amp-anim/"&gt;
    &lt;style amp-boilerplate&gt;body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}&lt;/style&gt;&lt;noscript&gt;&lt;style amp-boilerplate&gt;body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}&lt;/style&gt;&lt;/noscript&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;h2&gt;amp-anim supports gif animation&lt;/h2&gt;
    &lt;amp-anim width="245" height="300" src="/img/gopher.gif" alt="an animation"
              attribution="The Go gopher was designed by Reneee French and is licensed under CC 3.0 attributions."&gt;
    &lt;/amp-anim&gt;
  
    &lt;h2&gt;amp-img also supports gif animation&lt;/h2&gt;
    &lt;amp-img width="245" height="300" src="/img/gopher.gif" alt="an animation"
              attribution="The Go gopher was designed by Reneee French and is licensed under CC 3.0 attributions."&gt;
    &lt;/amp-img&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>