标签创建一个容器。 ```html ``` 2. 接下来，在CSS文件中定义动画的关键帧。关键帧是定义动画的开始和结束状态的关键点。 ```css @keyframes example-animation { 0% { left: 0; top: 0; } 50% { left: 200px; top: 200px; } 100% { left: 0; top: 0; } } ``` 在上面的代码中，我们定义了一个名为`example-animation`的关键帧，在0%、50%和100%的时间点上分别设置了元素的位置。 3. 然后，将关键帧应用到要添加动画效果的元素上。 ```css .animated-element { animation-name: example-animation; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } ``` 在上述代码中，我们将`example-animation`应用到`animated-element`类上，并设置了动画的时长、缓动函数和循环次数。 4. 最后，你可以根据需要自定义其他动画属性，比如透明度、旋转角度等。 ```css .animated-element { animation-name: example-animation; animation-duration: 3s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; opacity: 0.5; } ``` 通过以上步骤，你就可以使用CSS实现简单的动画效果了。当然，CSS还提供了更多丰富的动画属性和方法，你可以根据需要进行进一步的学习和实践。希望这些内容对你有所帮助！