Html 如何使用a帧在单击时创建平滑的放大和缩小动画

我一直在通读报纸。当我点击一个实体时，我希望它能平滑地向前缩放，然后向后缩放，即从->到->从

也许有一个简单的解决方案，但到目前为止，我得到的最接近的解决方案是：

<a-animation 
 attribute='scale'
 dur='500'
 from='1 1 1'
 to='3 3 3'
 fill='backwards'
 begin='click'>
</a-animation> 

从： 方向-确定动画的方向。使用替代品 使其重复一次，以便动画返回到其起始位置