css动画原地放大缩小

您可以使用CSS3的transform属性来实现一个元素的原地放大缩小的动画效果。具体实现方式如下：

首先需要定义一个CSS类，例如：

.animate {
  transition: transform 0.5s ease;
}

然后在需要进行动画的元素上添加该类名，并使用transform: scale()属性来控制元素的缩放比例，例如：

<div class="animate" style="transform: scale(1);">我是一个元素</div>

接着，使用JavaScript来动态修改元素的transform属性值，例如：

var elem = document.querySelector('.animate');
elem.addEventListener('click', function() {
  if (elem.style.transform === 'scale(1)') {
    elem.style.transform = 'scale(1.5)';
  } else {
    elem.style.transform = 'scale(1)';
  }
});

这样，当用户点击该元素时，它将从原始大小缩放到1.5倍大小，再次点击时则返回原始大小。