body { font-size: .7em; font-family: Arial, Helvetica, "Liberation Sans", sans-serif; padding: 0 !important; } img { -moz-transition: -moz-transform 1s ease-in; -webkit-transition: -webkit-transform 1s ease-in; -o-transition: -o-transform 1s ease-in; -ms-transition: -ms-transform 1s ease-in; } #anim.right { -moz-animation-name: bounce; -moz-animation-duration: 1s; -moz-animation-iteration-count: 1; -moz-transform: translate(400px); -moz-transition: none; -webkit-animation-name: bounce; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: 1; -webkit-transform: translate(400px); -webkit-transition: none; } @-moz-keyframes bounce { from { -moz-transform: translate(0px); -moz-animation-timing-function: ease-in; } 60% { -moz-transform: translate(400px); -moz-animation-timing-function: ease-out; } 73% { -moz-transform: translate(360px); -moz-animation-timing-function: ease-in; } 86% { -moz-transform: translate(400px); -moz-animation-timing-function: ease-out; } 93% { -moz-transform: translate(380px); -moz-animation-timing-function: ease-in; } to { -moz-transform: translate(400px); -moz-animation-timing-function: ease-out; } } @-webkit-keyframes bounce { from { -webkit-transform: translate(0px); -webkit-animation-timing-function: ease-in; } 60% { -webkit-transform: translate(400px); -webkit-animation-timing-function: ease-out; } 73% { -webkit-transform: translate(360px); -webkit-animation-timing-function: ease-in; } 86% { -webkit-transform: translate(400px); -webkit-animation-timing-function: ease-out; } 93% { -webkit-transform: translate(380px); -webkit-animation-timing-function: ease-in; } to { -webkit-transform: translate(400px); -webkit-animation-timing-function: ease-out; } }