From list of four images, I want to make one image silde to the left of the screen while the others fade out

From list of four images, I want to make one image silde to the left of
the screen while the others fade out

I am quite new to HTML5 and I'm trying the following. I have a four images
that are basically radio buttons. When I click on one of the images, the
remaining images must fade out and the image that I clicked on should
slide to the top left corner of the window. How do I go about this?