如何在按下按钮时以动画方式进行文本过渡？

<button id="myButton">点击按钮</button>
<div id="textContainer">这是文本过渡效果</div>

#textContainer {
  opacity: 0; /* 初始时设置透明度为0，隐藏文本 */
  transition: opacity 0.5s ease; /* 定义过渡效果，透明度变化时持续0.5秒，使用缓动函数 */
}

var button = document.getElementById("myButton");
var textContainer = document.getElementById("textContainer");

button.addEventListener("click", function() {
  textContainer.style.opacity = 1; /* 点击按钮时将文本容器的透明度设置为1，显示文本 */
});