CSS3动画：如何设置延迟效果

CSS3动画是网页设计中常用的元素之一，它可以为网页添加生动的交互效果。在进行CSS3动画设计时，我们有时需要设置延迟效果，使动画在页面加载后的一段时间后才开始执行。本文将详细介绍如何使用CSS3来设置动画的延迟效果，并提供相应的源代码示例。

首先，让我们来了解一下CSS3动画的基本语法。CSS3动画主要通过@keyframes规则来定义关键帧，然后通过animation属性将动画应用到元素上。要设置动画的延迟效果，我们可以使用animation-delay属性。

以下是一个简单的示例，演示了如何使用CSS3动画设置2秒的延迟效果：

/* 定义关键帧 */
@keyframes myAnimation {
   
   
  0% {
   
    opacity: 0;