拡大縮小CSSを使用して自動的に拡大縮小img

Question

私はデモがあります。ただimgをホバーし、私が持っていたい効果があります。

http://jsfiddle.net/jxgjhzer/1/

あなたはCSSファイルで見ることができるように、私は、任意のCSS animationを使用しないでください。

CSS transformをちょうど使用して、私はimgがホバーすることなく同じ効果を達成したいと思います。それは自動的に起こるはずです。

どのように（可能であればアニメーションなしで）自動的にズームイン/ズームアウトするのですか？

コードはここに行く：

.galleryImg{ 
    height:150px; 
    width:100%; 
    transform-origin: 50% 50%; 
    transition: transform 30s linear; 
} 

.galleryImg:hover{  
    transform: scale(2) rotate(0.1deg); 
} 

Answer 1

使用アニメーション

.galleryImg{ 
    height:150px; 
    width:100%; 
    animation:move 3s infinite ease-in-out; 
} 

@keyframes move{ 
0%{ 
transform: scale(1) rotate(0deg); 
} 
    100%{ 
    transform: scale(2) rotate(0.1deg); 

    } 

}