So verschieben Sie das Bild in die linke Mitte der Seite

Question

Ich möchte wissen, wie ich ein Bild verschieben kann, wenn ich auf klicke, dass es sich in die linke Mitte bewegen soll.

Code ist

<div id="myanm" > 
    <a href="#"><img src="img/home/Services.png" class="service animated fadeInUp img_move"> 
     <h2 class="txt1 shadow animated fadeInUp">SERVICES</h2> 
    </a> 
</div> 

CSS-Datei

.service{ 
    position:absolute; 
    left:0px; 
    bottom:0; 
    z-index:1; 
    animation-delay: 3.5s; 
    height:324px; 
    width:433px; 
} 

ist zwar schon Animation angewendet wird, kann ich nicht Funktion tun klicken.

Hier ist jsfiddle example

Answer 1

Sie Animation beginnt Angenommen, wenn ein Element der service Klasse hat, können Sie es in das tun `Onclick-Handler:

<div id="myanm"> 
    <a href="#"> 
     <img src="img/home/Services.png" class="animated fadeInUp img_move" onclick="this.classList.add('service');"> 
     <h2 class="txt1 shadow animated fadeInUp">SERVICES</h2> 
    </a> 
</div>