下面是详细的攻略：

利用CSS3在Angular中实现动画

1. 前置条件

在开始利用CSS3在Angular中实现动画之前，需要确保以下工具和技术已经具备：

• Angular的基本概念和使用方法
• CSS3动画的基本知识和使用方法

2. 新建Angular应用

首先，我们需要新建一个Angular应用。可以使用Angular CLI来快速生成一个基础项目：

ng new my-app

3. 创建组件

接下来，我们需要创建一个新的组件，用于展示我们的动画效果。可以使用Angular CLI来快速生成一个组件：

ng g c my-component

4. 编写CSS3动画

在创建好组件之后，我们需要编写CSS3动画的代码。下面是一个简单的例子：

@keyframes slidein {
  0% {
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.slidein {
  animation: slidein 1s ease-in-out;
}

在上面的代码中，我们定义了一个名为slidein的动画，它会将元素从左侧滑动进入，并且同时逐渐显露出来。我们还定义了一个名为slidein的CSS类，它将绑定到我们的Angular组件上，从而实现动画的效果。

5. 绑定CSS3动画

在编写好CSS3动画代码之后，我们需要将它绑定到我们的Angular组件上。为此，我们可以在组件的HTML模板文件中添加以下代码：

<div class="slidein">
  This is my animated content.
</div>

如上所示，我们将CSS类slidein绑定到组件的div元素上，从而实现动画的效果。当组件显示出来时，CSS3动画就会自动启动。

6. 总结

到此为止，我们已经完成了在Angular中利用CSS3实现动画的全部流程。可以通过调整CSS代码，来实现各种不同的动画效果。除了上述提到的滑动进入效果，还可以实现渐变、转换、旋转等效果，具体的实现方法可以参考CSS3动画的相关资料。

下面是一个完整的示例代码，它演示了如何在Angular中使用CSS3实现一个简单的旋转动画：

@Component({
  selector: 'my-component',
  template: `
    <div class="spin">
      This is my animated content.
    </div>
  `,
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent {
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.spin {
  animation: spin 2s linear infinite;
}

在上述代码中，我们定义了一个名为spin的旋转动画，它会让元素不断地以2秒的时间完成一次360度的旋转。我们将CSS类spin绑定到组件的div元素上，从而实现旋转动画的效果。