Zoom-in Zoom-out img automatisch mit nur css

Question

Ich habe eine funktionierende Demo. schwinge einfach den img und da ist der effekt den ich haben möchte.

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

Wie Sie in CSS-Datei sehen können, ich irgendwelche CSS nicht animation verwenden.

Nur mit CSS transform, möchte ich meine img den gleichen Effekt erzielen, ohne es zu schweben. Es sollte automatisch passieren.

Also wie man automatisch ein- und auszoomt (ohne Animation wenn möglich)?

-Code geht hier:

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

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

Answer 1

Verwendung Animation

.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); 

    } 

}