css动画
时间: 2023-07-24 16:08:18 浏览: 81
CSS动画是使用CSS属性和关键帧来创建动画效果的技术。可以使用CSS动画来制作各种各样的动态效果,如旋转、缩放、平移、淡入淡出等。以下是一个简单的CSS动画示例:
```
<div class="box"></div>
<style>
.box {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 3s;
}
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
</style>
```
在上面的示例中,我们创建了一个名为“example”的动画,并将其应用于包含类“box”的HTML元素。该动画将在3秒钟内从红色过渡到黄色。
阅读全文