我们需要在 HTML 中创建一个元素：
```hmlu003cdiv id=u003c/divu003e```然后，我们在 CSS 中创建一个动画：
```css#aimaedEleme { widh: 100px; heigh: 0; backgroud-color: red; color: whie; ex-alig: ceer; lie-heigh: 100px; aimaio: aimae 2s liear 1 forwards;}
@keyframes aimae { 0% { heigh: 0; } { heigh: 100px; }}```在这个例子中，我们首先定义了一个 id 为 这个 div 的初始高度是 0，背景颜色是红色，文字颜色是白色，宽度是 100px，文本居中对齐，行高使文字垂直居中。
然后我们定义了一个动画，名为 线性的，也就是说它的速度在整个过程中是恒定的。动画在播放完毕后保持结束状态，这是因为我们使用了
`@keyframes` 规则用来定义动画的关键帧。在这个例子中，我们定义了两个关键帧：0% 和 。在 0% 的关键帧，元素的高度是 0px；在 的关键帧，元素的高度是 100px。
