css 多种动画效果

以下是一个示例，演示如何使用 CSS3 创建多个不同的动画效果。这里使用了 @keyframes 规则，并通过 CSS 类来应用不同的动画效果：

这个例子中定义了三个不同的动画效果：旋转、缩放和渐变。每个动画都有自己的 @keyframes 规则，并通过添加相应的 CSS 类（.rotate、.scale、.fade）来将动画应用到不同的元素上。您可以根据需要调整动画的持续时间、缓动函数和其他属性。

这只是一个基本的示例，实际上您可以根据具体的设计需求和创意添加更多的动画效果。