css动画分为几种？

一些 CSS 属性是可以有动画效果的，这意味着它们可以用于动画和过渡。动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色。

CSS动画分为过渡动画transition和关键帧动画Animation，transform动画包含移动、旋转、缩放、变形。Animation动画使元素从一种样式逐渐变化为另一种样式的效果。

1、过渡动画（transition）

从初始状态过渡到结束状态所产生的动画，它只能定义初始和借宿两个状态，不能定义中间状态，它是一种很简单的最基础的css动画，这个过渡动画只能被动触发，不能主动触发，而且也不能重复发生。被动触发一次，它发生一次，不能重复。

2、关键帧动画（Animation）

使用关键帧@keyframes，在关键帧里面的写法如下：

在每一个阶段我们可以定义不同的元素状态，也就是css，这样就大大增强了css的动画能力。

总结起来就是：可以定义多个状态，可以实现更复杂的效果，相对于transition它可以主动的触发，也可以重复发生。