<body>
	<svg xmlns="http://www.w3.org/2000/svg" height="400" width="400" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 400" >
		 <defs>
   <symbol id="rect3336" viewbox="40 40 400 400">
     <rect  height="80" width="80" y="40" x="40"/>
   </symbol>  
 </defs>
       
	 
	 <use xlink:href="#rect3336" x="0" y="80" class="box"/>
 	<use xlink:href="#rect3336" x="80" y="160" class="box"/>
	</svg>


</body>	

svg {
  
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  
}

use {
    fill: #f0f;
		animation: moveclones 10s infinite;
		}
	@keyframes moveclones {
		0% {opacity:1; transform: scale(1,1); }
		100% {opacity:0.1; transform: scale(0.5,0.5); }
	
		}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.