在CSS中，可以使用animation-delay属性来设置动画的延迟时间。下面是一个示例代码，演示了当按钮被点击时，延迟2秒后开始的动画效果。

HTML代码：

点击按钮

CSS代码：

#myButton {
  padding: 10px 20px;
}

#myDiv {
  width: 100px;
  height: 100px;
  background-color: red;
  animation: myAnimation 1s linear;
}

@keyframes myAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

JavaScript代码：

document.getElementById("myButton").addEventListener("click", function() {
  document.getElementById("myDiv").style.animationDelay = "2s";
});

在这个例子中，当按钮被点击时，通过监听按钮的click事件，在JavaScript中将myDiv元素的animationDelay属性设置为2秒。这样，当点击按钮后，myDiv元素将会延迟2秒后开始动画效果。