<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Animations svg</title>
    <style> 
	

    </style>
</head>

<body>	
<!--animateTransform-->
	<div class="elmt3">
		<svg version="1.1" viewBox="0 0 350 350" xmlns="http://www.w3.org/2000/svg">
			<rect width="200" height="100" style="fill:pink" >
				<animateTransform attributeName="transform" attributeType="XML" type="translate"
				from="-0,0" to="100,0"
				begin="0s" dur="2s"
				repeatCount="1"
				fill="freeze"
				/>
			</rect>
		</svg>
	</div>	
</body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.