<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>
반응형
'svg' 카테고리의 다른 글
svg mask with linearGradient and radialGradient (0) | 2023.10.08 |
---|---|
circulatory system svg in korean (2) | 2023.10.07 |
svg path animateMotion rotate attribute 3 : groupified object (0) | 2023.10.04 |
svg path animateMotion rotate attribute 2 : groupified object (0) | 2023.10.01 |
svg path animateMotion rotate attribute (0) | 2023.09.27 |