Cicrle animation

by m4xout

HTML

<svg viewBox="-1 -1 2 2">
    <circle cx="0" cy="0" r="0.1" fill="transparent" opacity="0.25" stroke="white" stroke-width="0.2%">
      <animateTransform attributeName="transform" type="scale" additive="sum" from="25 25" to="0.1 0.1" begin="0s" dur="5s" repeatCount="100"></animateTransform>
    </circle>
</svg>

CSS

svg {
  width: 100%;
  height: 100%;
  
}
body {
  height: 100vh;
  background:#000;
}