简述如何使用Animation 实现自定义动画 ？
在CSS中，我们可以使用@keyframes规则来创建自定义动画。下面是一个简单的例子：
@keyframes my-animation {
0% {
background-color: red;
left: 0px;
top: 0px;
}
50% {
background-color: yellow;
left: 200px;
top: 0px;
}
100% {
background-color: blue;
left: 200px;
top: 200px;
}
}
.my-element {
position: relative;
animation: my-animation 5s infinite;
}
在这个例子中，我们定义了一个名为my-animation的关键帧动画。动画开始时（0%），元素的背景色为红色，位置在左上角。动画进行到一半时（50%），背景色变为黄色，位置向右移动200px。动画结束时（100%），背景色变为蓝色，位置向下移动200px。
在.my-element类中，我们应用了这个动画，动画持续时间为5秒，并且会无限次重复。
可以根据需要调整关键帧的百分比和样式，以创建复杂的自定义动画。此外，还可以使用animation-delay、animation-direction、animation-fill-mode等属性来控制动画的播放方式。
例如，你可以在一个网站的欢迎页面上，使用自定义动画来引导用户进行某些操作；或者在用户提交表单后，显示一个提交成功的动画效果，增强用户体验。