svg animate tag ; rectangle to morph

<style>
html,
body,
svg {
height:100%;
margin:0;
padding:0
}
text.text1,text.text2 {
font: italic 1px sans-serif;
fill:red;
stroke:blue;
stroke-width:.02px;
}
</style>


<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
  <rect width="10" height="10" ry="3">
    <animate
      attributeName="rx"
      values="0;5;0;1"
      dur="3s"
      repeatCount="indefinite" />
  </rect>
  <text class="text1" x="2" y="5">We love you!</text>
  <text class="text2" x="2" y="2">Interpret me!</text>
</svg>