title: Zoom-in Zoom-out img automatically using css only
body: <p>I have a working demo. just hover the img and there is the effect I want to have.</p>
  
  <p><strong><a href="http://jsfiddle.net/jxgjhzer/1/" rel="noreferrer">http://jsfiddle.net/jxgjhzer/1/</a></strong></p>
  
  <p>As you can see in css file, I don't use any css <strong><code>animation</code></strong>. </p>
  
  <p>Just using CSS <strong><code>transform</code></strong>, I want my img to achieve same effect without hovering it. It should happen automatically. </p>
  
  <p>So how to zoom-in and zoom-out automatically (without animation if possible)?</p>
  
  <p><strong>Code goes here</strong>:</p>
  
  <pre><code>.galleryImg{
      height:150px;
      width:100%;
      transform-origin: 50% 50%;
      transition: transform 30s linear;
   }
  
   .galleryImg:hover{    
      transform: scale(2) rotate(0.1deg);
   }
  </code></pre>