CSS3 translate out of screen

Question

For a number of projects now I have had elements on the page which I want to translate out of the screen area (have them fly out of the document). In proper code this should be

Answer 1

This is simple add the following to your div

.myDiv {
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: initial
}

then change the "left" property of it either by adding an additional class or by jQuery

This will animate it along the x-axis

Note: you can change the -webkit-transition-property to any property you want and this will animate it