SVG SMIL 애니메이션 alternate 구현

2021-12-28

SMIL 애니메이션 alternate 구현하기.

css bar animation

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 1000 1000" style="enable-background:new 0 0 1000 1000;" xml:space="preserve">
<rect x="40" y="39" width="206" height="206">
        <animate class="ani" attributeName="x" dur="2s" values="0; 700; 0" keytimes="0; 0.5; 1" repeatCount="indefinite"></animate>
</rect>
</svg>