I am supposed to animate targets for golf shots on a web browser so that once a target is hit there is an animation to indicate that  a shot is made on target. I dont know if this can be best achieved with SVG, SMIL animations or html5 canvas element using javascript animations. A detailed description of the behaviour of the animation is that it starts with a static SVG target (in a form of a circle with various points like a dart target) which can be viewed in 2d. this Static SVG target is a expected to rotate vertically once a shot hits the center of the circle (a shot is made on target). When the rotation happens it is supposed to rotate and the end animation is the target rotated vertically in 3d and then now ends with a golf flag at the top and also text indicating shots on target. I have attached the static targets in SVG and the golf targets that is supposed to show when the animation ends in raster graphics format (jpeg). We can discuss if the description is not clear on yahoo or you can send me feedback if you have any questions.