본문 바로가기
svg

svg animation transform translate values

by peach1227 2023. 10. 5.
<svg viewBox="0 0 500 500">
<title>animation: translate</title>
<style>
path {fill-opacity:.7;}
</style>
<path d="M 250 250 l 50 0 l 0 50 l -50 0 z" fill="red" stroke="black">
	<animateTransform attributeName="transform" type="translate" 
	values="-100,-100;0,-100;0,100;-100,100;-100,-100" 
	begin="0" dur="3s" repeatCount="indefinite"></animateTransform>
</path>

</svg>
animation: translate
반응형