如何制作一个可点击的动画文本视图？

<div id="text-container"></div>

#text-container {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  animation: text-animation 1s infinite;
}

@keyframes text-animation {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

var textContainer = document.getElementById('text-container');

textContainer.addEventListener('click', function() {
  // 执行点击事件处理逻辑，例如跳转到其他页面
  window.location.href = 'https://www.example.com';
});